From 9c7e548f4cbf352237074cf36ca0c2ea3dca052b Mon Sep 17 00:00:00 2001 From: tkt989 Date: Mon, 24 Feb 2020 22:22:16 +0900 Subject: [PATCH 1/6] Translate docs/creating-a-local-plugin --- docs/docs/creating-a-local-plugin.md | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/docs/docs/creating-a-local-plugin.md b/docs/docs/creating-a-local-plugin.md index 1b2adffcf..d42f9e0d6 100644 --- a/docs/docs/creating-a-local-plugin.md +++ b/docs/docs/creating-a-local-plugin.md @@ -1,11 +1,15 @@ --- +titie: ローカルプラグインを作る title: Creating a Local Plugin --- +もしプラグインを特定の用途で使うときや、簡単なやりかたでプラグインを開発したいときは、ローカルに定義されたプラグインは作成および管理する便利な方法です。 If a plugin is only relevant to your specific use-case, or if you’re developing a plugin and want a simpler workflow, a locally defined plugin is a convenient way to create and manage your plugin code. +## ローカルプラグインのプロジェクト構成 ## Project structure for a local plugin +このように、コードをプロジェクトルートの `plugins` フォルダの中に配置します。 Place the code in the `plugins` folder in the root of your project like this: ``` @@ -17,8 +21,10 @@ Place the code in the `plugins` folder in the root of your project like this: └── package.json ``` +また、プラグインは自動的に検知されないので、 `gatsby-config.js` に追加する必要があります。すでに、設定ファイルに含まれているサードパーティー Gatsby プラグインと同じように追加できます。 The plugin also needs to be added to your `gatsby-config.js`, because there is no auto-detection of plugins. It can be added alongside any other 3rd party Gatsby plugins already included in your config. +`gatsby develop` を実行するとき、プラグインを検知するため、プラグインのルートフォルダーの名前は `gatsby-config.js` で使用しているもの（ `package.json` で使用している名前**ではありません**）と同じにする必要があります。上記の構成では、プラグインを読み込む正しい方法は以下のようになります。 For the plugin to be discovered when you run `gatsby develop`, the plugin's root folder name needs to match the name used in the `gatsby-config.js` (_not_ the _name_ it goes by in your `package.json` file). For example, in the above structure, the correct way to load the plugin is: ```javascript:title=gatsby-config.js @@ -30,14 +36,19 @@ module.exports = { } ``` +その後、プラグインは [Node](/docs/node-apis/) や [SSR](/docs/ssr-apis/) API を介して Gatsby に接続します。 Then the plugin can begin to hook into Gatsby through [Node](/docs/node-apis/) and [SSR](/docs/ssr-apis/) APIs. +## プロジェクト外部のローカルプラグインを開発する ## Developing a local plugin that is outside your project +プラグインを動作させたりテストするために、プロジェクトに含めないといけないわけではありません。もしプラグインをサイトから [分離](/docs/glossary#decoupled) させたいなら、以下の方法を使用することができます。これはプラグインをパッケージとして公開したいときや、コミュニティが作成したプラグインをフォークしたものをテスト、開発するときに便利です。 Your plugin doesn't have to be in your project in order to be tested or worked on. If you'd like to [decouple](/docs/glossary#decoupled) your plugin from your site you can follow one of the methods described below. This is a useful thing to do if you want to publish the plugin as its own package, or test/develop a forked version of a community authored plugin. +### `require.resolve` とファイルパスを使う ### Using `require.resolve` and a filepath +`plugins` フォルダがローカルプラグインを参照する唯一の方法ではありません。ほかに `gatsby-config.js` ファイルで、 `require` を使い直接パス（`gatsby-config.js` からの相対パス）を指定して、プラグインを含めることができます。 Including a `plugins` folder is not the only way to reference a local plugin. Alternatively, you can include a plugin in your `gatsby-config.js` file by directly referencing its path (relative to the `gatsby-config.js` file) with `require`. ```javascript:title=gatsby-config.js @@ -46,6 +57,7 @@ module.exports = { `gatsby-plugin-react-helmet`, // highlight-start { + // plugins フォルダ外のプラグインを使うためにパスを指定 // including a plugin from outside the plugins folder needs the path to it resolve: require.resolve(`../path/to/gatsby-local-plugin`), }, @@ -54,18 +66,25 @@ module.exports = { } ``` +### `npm link` または `yarn link` を使う ### Using `npm link` or `yarn link` +あなたのマシン内の別の場所にあるパッケージを参照するときは、[`npm link`](https://docs.npmjs.com/cli/link.html) や [`yarn link`](https://yarnpkg.com/lang/en/docs/cli/link/) が使えます。 You can use [`npm link`](https://docs.npmjs.com/cli/link.html) or [`yarn link`](https://yarnpkg.com/lang/en/docs/cli/link/) to reference a package from another location on your machine. +Gatsby サイトのルートで `npm link ../path/to/my-plugin` を実行すると、パッケージへのシンボリックリンクが作られます。 By running `npm link ../path/to/my-plugin` in the root of your Gatsby site, your computer will create a symlink to your package. +これは、Gatsby テーマ開発の yarn ワークスペースを作成するときと同じ工程（テーマを開発する際に推奨される方法）です。[テーマ作成ガイド](/tutorial/buidling-a-theme/#set-up-yarn-workspaces) でサイトを設定する方法を読むことができます。 This is a similar process to setting up yarn workspaces for development with Gatsby themes (which is the recommended approach for developing themes). You can read how to setup a site in this manner in the [Building a Theme guide](/tutorial/building-a-theme/#set-up-yarn-workspaces). +**ヒント**： `require.resolve` や `npm link` を使って、plugins フォルダからローカルプラグインを使う例として、[こちらのサンプルリポジトリ](https://github.com/gatsbyjs/gatsby/tree/master/examples/using-multiple-local-plugins) をご覧ください。 **Note**: See an example of using a local plugin from the plugins folder, with `require.resolve`, and `npm link` in [this example repository](https://github.com/gatsbyjs/gatsby/tree/master/examples/using-multiple-local-plugins). +## Babel を使ってコンパイルする ## Compilation and processing with Babel +`gatsby-*` ファイルと同じように、Babel によるコンパイルは行われません。もし使用している Node.js のバージョンではサポートされていな JavsScript 構文を使いたいときは、ファイルを `src` サブフォルダーに置き、プラグインフォルダーのルートへビルドされるようにしてください。 Like all `gatsby-*` files, the code is not processed by Babel. If you want to use JavaScript syntax which isn't supported by your version of Node.js, you can place the files in a `src` subfolder and build them to the plugin folder From 06fec694ea378b1aa7e48dbca996a45893fe3479 Mon Sep 17 00:00:00 2001 From: tkt989 Date: Sat, 28 Mar 2020 16:48:04 +0900 Subject: [PATCH 2/6] Translate docs/creating-a-local-plugin --- docs/docs/creating-a-local-plugin.md | 32 +++++----------------------- 1 file changed, 5 insertions(+), 27 deletions(-) diff --git a/docs/docs/creating-a-local-plugin.md b/docs/docs/creating-a-local-plugin.md index d42f9e0d6..d40c40da1 100644 --- a/docs/docs/creating-a-local-plugin.md +++ b/docs/docs/creating-a-local-plugin.md @@ -1,16 +1,12 @@ --- -titie: ローカルプラグインを作る -title: Creating a Local Plugin +titie: ローカルプラグインの作成 --- -もしプラグインを特定の用途で使うときや、簡単なやりかたでプラグインを開発したいときは、ローカルに定義されたプラグインは作成および管理する便利な方法です。 -If a plugin is only relevant to your specific use-case, or if you’re developing a plugin and want a simpler workflow, a locally defined plugin is a convenient way to create and manage your plugin code. +もしプラグインを特定の用途で使うときや、簡単なやりかたでプラグインを開発したいときは、ローカルに定義されたプラグインを使うことで作成および管理が便利になります。 ## ローカルプラグインのプロジェクト構成 -## Project structure for a local plugin このように、コードをプロジェクトルートの `plugins` フォルダの中に配置します。 -Place the code in the `plugins` folder in the root of your project like this: ``` /my-gatsby-site @@ -22,10 +18,8 @@ Place the code in the `plugins` folder in the root of your project like this: ``` また、プラグインは自動的に検知されないので、 `gatsby-config.js` に追加する必要があります。すでに、設定ファイルに含まれているサードパーティー Gatsby プラグインと同じように追加できます。 -The plugin also needs to be added to your `gatsby-config.js`, because there is no auto-detection of plugins. It can be added alongside any other 3rd party Gatsby plugins already included in your config. `gatsby develop` を実行するとき、プラグインを検知するため、プラグインのルートフォルダーの名前は `gatsby-config.js` で使用しているもの（ `package.json` で使用している名前**ではありません**）と同じにする必要があります。上記の構成では、プラグインを読み込む正しい方法は以下のようになります。 -For the plugin to be discovered when you run `gatsby develop`, the plugin's root folder name needs to match the name used in the `gatsby-config.js` (_not_ the _name_ it goes by in your `package.json` file). For example, in the above structure, the correct way to load the plugin is: ```javascript:title=gatsby-config.js module.exports = { @@ -36,20 +30,15 @@ module.exports = { } ``` -その後、プラグインは [Node](/docs/node-apis/) や [SSR](/docs/ssr-apis/) API を介して Gatsby に接続します。 -Then the plugin can begin to hook into Gatsby through [Node](/docs/node-apis/) and [SSR](/docs/ssr-apis/) APIs. +その後、プラグインは [Node](/docs/node-apis/) や [SSR](/docs/ssr-apis/) API を介して Gatsby に接続されます。 ## プロジェクト外部のローカルプラグインを開発する -## Developing a local plugin that is outside your project -プラグインを動作させたりテストするために、プロジェクトに含めないといけないわけではありません。もしプラグインをサイトから [分離](/docs/glossary#decoupled) させたいなら、以下の方法を使用することができます。これはプラグインをパッケージとして公開したいときや、コミュニティが作成したプラグインをフォークしたものをテスト、開発するときに便利です。 -Your plugin doesn't have to be in your project in order to be tested or worked on. If you'd like to [decouple](/docs/glossary#decoupled) your plugin from your site you can follow one of the methods described below. This is a useful thing to do if you want to publish the plugin as its own package, or test/develop a forked version of a community authored plugin. +プラグインを動作させたりテストするために、必ずしもプロジェクトに含めないといけないわけではありません。もしプラグインをサイトから [分離](/docs/glossary#decoupled) させたいなら、以下の方法を使用することができます。これはプラグインをパッケージとして公開したいときや、コミュニティが作成したプラグインをフォークしたものをテスト、開発するときに便利です。 ### `require.resolve` とファイルパスを使う -### Using `require.resolve` and a filepath `plugins` フォルダがローカルプラグインを参照する唯一の方法ではありません。ほかに `gatsby-config.js` ファイルで、 `require` を使い直接パス（`gatsby-config.js` からの相対パス）を指定して、プラグインを含めることができます。 -Including a `plugins` folder is not the only way to reference a local plugin. Alternatively, you can include a plugin in your `gatsby-config.js` file by directly referencing its path (relative to the `gatsby-config.js` file) with `require`. ```javascript:title=gatsby-config.js module.exports = { @@ -58,7 +47,6 @@ module.exports = { // highlight-start { // plugins フォルダ外のプラグインを使うためにパスを指定 - // including a plugin from outside the plugins folder needs the path to it resolve: require.resolve(`../path/to/gatsby-local-plugin`), }, // highlight-end @@ -67,25 +55,15 @@ module.exports = { ``` ### `npm link` または `yarn link` を使う -### Using `npm link` or `yarn link` あなたのマシン内の別の場所にあるパッケージを参照するときは、[`npm link`](https://docs.npmjs.com/cli/link.html) や [`yarn link`](https://yarnpkg.com/lang/en/docs/cli/link/) が使えます。 -You can use [`npm link`](https://docs.npmjs.com/cli/link.html) or [`yarn link`](https://yarnpkg.com/lang/en/docs/cli/link/) to reference a package from another location on your machine. Gatsby サイトのルートで `npm link ../path/to/my-plugin` を実行すると、パッケージへのシンボリックリンクが作られます。 -By running `npm link ../path/to/my-plugin` in the root of your Gatsby site, your computer will create a symlink to your package. これは、Gatsby テーマ開発の yarn ワークスペースを作成するときと同じ工程（テーマを開発する際に推奨される方法）です。[テーマ作成ガイド](/tutorial/buidling-a-theme/#set-up-yarn-workspaces) でサイトを設定する方法を読むことができます。 -This is a similar process to setting up yarn workspaces for development with Gatsby themes (which is the recommended approach for developing themes). You can read how to setup a site in this manner in the [Building a Theme guide](/tutorial/building-a-theme/#set-up-yarn-workspaces). **ヒント**： `require.resolve` や `npm link` を使って、plugins フォルダからローカルプラグインを使う例として、[こちらのサンプルリポジトリ](https://github.com/gatsbyjs/gatsby/tree/master/examples/using-multiple-local-plugins) をご覧ください。 -**Note**: See an example of using a local plugin from the plugins folder, with `require.resolve`, and `npm link` in [this example repository](https://github.com/gatsbyjs/gatsby/tree/master/examples/using-multiple-local-plugins). ## Babel を使ってコンパイルする -## Compilation and processing with Babel -`gatsby-*` ファイルと同じように、Babel によるコンパイルは行われません。もし使用している Node.js のバージョンではサポートされていな JavsScript 構文を使いたいときは、ファイルを `src` サブフォルダーに置き、プラグインフォルダーのルートへビルドされるようにしてください。 -Like all `gatsby-*` files, the code is not processed by Babel. If you want -to use JavaScript syntax which isn't supported by your version of Node.js, you -can place the files in a `src` subfolder and build them to the plugin folder -root. +`gatsby-*` ファイルと同じように、Babel によるコンパイルは行われません。もし使用している Node.js のバージョンではサポートされていない JavsScript 構文を使いたいときは、ファイルを `src` サブフォルダーに置き、プラグインフォルダーのルートへビルドされるようにしてください。 \ No newline at end of file From 664745510d938452e99fabfbf27fea0c8a4be4c4 Mon Sep 17 00:00:00 2001 From: tkt989 Date: Sat, 28 Mar 2020 16:53:13 +0900 Subject: [PATCH 3/6] Translate docs/creating-a-local-plugin --- docs/docs/creating-a-local-plugin.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/creating-a-local-plugin.md b/docs/docs/creating-a-local-plugin.md index d40c40da1..cf73a71db 100644 --- a/docs/docs/creating-a-local-plugin.md +++ b/docs/docs/creating-a-local-plugin.md @@ -34,7 +34,7 @@ module.exports = { ## プロジェクト外部のローカルプラグインを開発する -プラグインを動作させたりテストするために、必ずしもプロジェクトに含めないといけないわけではありません。もしプラグインをサイトから [分離](/docs/glossary#decoupled) させたいなら、以下の方法を使用することができます。これはプラグインをパッケージとして公開したいときや、コミュニティが作成したプラグインをフォークしたものをテスト、開発するときに便利です。 +プラグインを動作させたりテストするために、必ずプロジェクトに含めないといけないわけではありません。もしプラグインをサイトから [分離](/docs/glossary#decoupled) させたいなら、以下の方法を使用することができます。これはプラグインをパッケージとして公開したいときや、コミュニティが作成したプラグインをフォークしたものをテスト、開発するときに便利です。 ### `require.resolve` とファイルパスを使う From 6aca53e5b797b98d553e179fea9864007661e4c4 Mon Sep 17 00:00:00 2001 From: tkt989 Date: Sat, 28 Mar 2020 16:59:48 +0900 Subject: [PATCH 4/6] Translate docs/creating-a-local-plugin --- docs/docs/creating-a-local-plugin.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/docs/creating-a-local-plugin.md b/docs/docs/creating-a-local-plugin.md index cf73a71db..fb9eaec81 100644 --- a/docs/docs/creating-a-local-plugin.md +++ b/docs/docs/creating-a-local-plugin.md @@ -6,7 +6,7 @@ titie: ローカルプラグインの作成 ## ローカルプラグインのプロジェクト構成 -このように、コードをプロジェクトルートの `plugins` フォルダの中に配置します。 +このように、コードをプロジェクトルートの `plugins` フォルダーの中に配置します。 ``` /my-gatsby-site @@ -19,7 +19,7 @@ titie: ローカルプラグインの作成 また、プラグインは自動的に検知されないので、 `gatsby-config.js` に追加する必要があります。すでに、設定ファイルに含まれているサードパーティー Gatsby プラグインと同じように追加できます。 -`gatsby develop` を実行するとき、プラグインを検知するため、プラグインのルートフォルダーの名前は `gatsby-config.js` で使用しているもの（ `package.json` で使用している名前**ではありません**）と同じにする必要があります。上記の構成では、プラグインを読み込む正しい方法は以下のようになります。 +`gatsby develop` を実行するとき、プラグインを検知するため、プラグインのルートフォルダーの名前は `gatsby-config.js` で使用しているもの（`package.json` で使用している名前**ではありません**）と同じにする必要があります。上記の構成では、プラグインを読み込む正しい方法は以下のようになります。 ```javascript:title=gatsby-config.js module.exports = { @@ -34,11 +34,11 @@ module.exports = { ## プロジェクト外部のローカルプラグインを開発する -プラグインを動作させたりテストするために、必ずプロジェクトに含めないといけないわけではありません。もしプラグインをサイトから [分離](/docs/glossary#decoupled) させたいなら、以下の方法を使用することができます。これはプラグインをパッケージとして公開したいときや、コミュニティが作成したプラグインをフォークしたものをテスト、開発するときに便利です。 +プラグインを動作させたりテストするために、必ずプロジェクトに含めないといけないわけではありません。もしプラグインをサイトから [分離](/docs/glossary#decoupled) させたいなら、以下の方法が使えます。これはプラグインをパッケージとして公開したいときや、コミュニティーが作成したプラグインをフォークしたものをテスト、開発するときに便利です。 ### `require.resolve` とファイルパスを使う -`plugins` フォルダがローカルプラグインを参照する唯一の方法ではありません。ほかに `gatsby-config.js` ファイルで、 `require` を使い直接パス（`gatsby-config.js` からの相対パス）を指定して、プラグインを含めることができます。 +`plugins` フォルダーがローカルプラグインを参照する唯一の方法ではありません。ほかに `gatsby-config.js` ファイルで、 `require` を使い直接パス（`gatsby-config.js` からの相対パス）を指定して、プラグインを含めることができます。 ```javascript:title=gatsby-config.js module.exports = { @@ -62,7 +62,7 @@ Gatsby サイトのルートで `npm link ../path/to/my-plugin` を実行する これは、Gatsby テーマ開発の yarn ワークスペースを作成するときと同じ工程（テーマを開発する際に推奨される方法）です。[テーマ作成ガイド](/tutorial/buidling-a-theme/#set-up-yarn-workspaces) でサイトを設定する方法を読むことができます。 -**ヒント**： `require.resolve` や `npm link` を使って、plugins フォルダからローカルプラグインを使う例として、[こちらのサンプルリポジトリ](https://github.com/gatsbyjs/gatsby/tree/master/examples/using-multiple-local-plugins) をご覧ください。 +**ヒント**： `require.resolve` や `npm link` を使って、plugins フォルダーからローカルプラグインを使う例として、[こちらのサンプルリポジトリ](https://github.com/gatsbyjs/gatsby/tree/master/examples/using-multiple-local-plugins) をご覧ください。 ## Babel を使ってコンパイルする From 2d373d523a42891d1d51ef53b00c612887c78fb3 Mon Sep 17 00:00:00 2001 From: Jesse Katsumata Date: Sun, 29 Mar 2020 17:48:50 +0900 Subject: [PATCH 5/6] Update docs/docs/creating-a-local-plugin.md --- docs/docs/creating-a-local-plugin.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/docs/creating-a-local-plugin.md b/docs/docs/creating-a-local-plugin.md index fb9eaec81..566478f24 100644 --- a/docs/docs/creating-a-local-plugin.md +++ b/docs/docs/creating-a-local-plugin.md @@ -62,8 +62,8 @@ Gatsby サイトのルートで `npm link ../path/to/my-plugin` を実行する これは、Gatsby テーマ開発の yarn ワークスペースを作成するときと同じ工程（テーマを開発する際に推奨される方法）です。[テーマ作成ガイド](/tutorial/buidling-a-theme/#set-up-yarn-workspaces) でサイトを設定する方法を読むことができます。 -**ヒント**： `require.resolve` や `npm link` を使って、plugins フォルダーからローカルプラグインを使う例として、[こちらのサンプルリポジトリ](https://github.com/gatsbyjs/gatsby/tree/master/examples/using-multiple-local-plugins) をご覧ください。 +**ヒント**： `require.resolve` や `npm link` を使って、plugins フォルダーからローカルプラグインを使う例として、[こちらのサンプルリポジトリ](https://github.com/gatsbyjs/gatsby/tree/master/examples/using-multiple-local-plugins)をご覧ください。 ## Babel を使ってコンパイルする -`gatsby-*` ファイルと同じように、Babel によるコンパイルは行われません。もし使用している Node.js のバージョンではサポートされていない JavsScript 構文を使いたいときは、ファイルを `src` サブフォルダーに置き、プラグインフォルダーのルートへビルドされるようにしてください。 \ No newline at end of file +`gatsby-*` ファイルと同じように、Babel によるコンパイルは行われません。もし使用している Node.js のバージョンではサポートされていない JavsScript 構文を使いたいときは、ファイルを `src` サブフォルダーに置き、プラグインフォルダーのルートへビルドされるようにしてください。 From cd8c2573895305a931d5f82e72b1705318cf5984 Mon Sep 17 00:00:00 2001 From: Yasuaki Uechi Date: Wed, 1 Apr 2020 23:12:37 +0900 Subject: [PATCH 6/6] Apply suggestions from code review --- docs/docs/creating-a-local-plugin.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/docs/creating-a-local-plugin.md b/docs/docs/creating-a-local-plugin.md index 566478f24..1fd5c936d 100644 --- a/docs/docs/creating-a-local-plugin.md +++ b/docs/docs/creating-a-local-plugin.md @@ -17,7 +17,7 @@ titie: ローカルプラグインの作成 └── package.json ``` -また、プラグインは自動的に検知されないので、 `gatsby-config.js` に追加する必要があります。すでに、設定ファイルに含まれているサードパーティー Gatsby プラグインと同じように追加できます。 +また、プラグインは自動的に検知されないので、`gatsby-config.js` に追加する必要があります。すでに、設定ファイルに含まれているサードパーティー Gatsby プラグインと同じように追加できます。 `gatsby develop` を実行するとき、プラグインを検知するため、プラグインのルートフォルダーの名前は `gatsby-config.js` で使用しているもの（`package.json` で使用している名前**ではありません**）と同じにする必要があります。上記の構成では、プラグインを読み込む正しい方法は以下のようになります。 @@ -34,11 +34,11 @@ module.exports = { ## プロジェクト外部のローカルプラグインを開発する -プラグインを動作させたりテストするために、必ずプロジェクトに含めないといけないわけではありません。もしプラグインをサイトから [分離](/docs/glossary#decoupled) させたいなら、以下の方法が使えます。これはプラグインをパッケージとして公開したいときや、コミュニティーが作成したプラグインをフォークしたものをテスト、開発するときに便利です。 +プラグインを動作させたりテストするために、必ずプロジェクトに含めないといけないわけではありません。もしプラグインをサイトから[分離](/docs/glossary#decoupled)させたいなら、以下の方法が使えます。これはプラグインをパッケージとして公開したいときや、コミュニティーが作成したプラグインをフォークしたものをテスト、開発するときに便利です。 ### `require.resolve` とファイルパスを使う -`plugins` フォルダーがローカルプラグインを参照する唯一の方法ではありません。ほかに `gatsby-config.js` ファイルで、 `require` を使い直接パス（`gatsby-config.js` からの相対パス）を指定して、プラグインを含めることができます。 +`plugins` フォルダーがローカルプラグインを参照する唯一の方法ではありません。ほかに `gatsby-config.js` ファイルで、`require` を使い直接パス（`gatsby-config.js` からの相対パス）を指定して、プラグインを含めることができます。 ```javascript:title=gatsby-config.js module.exports = { @@ -66,4 +66,4 @@ Gatsby サイトのルートで `npm link ../path/to/my-plugin` を実行する ## Babel を使ってコンパイルする -`gatsby-*` ファイルと同じように、Babel によるコンパイルは行われません。もし使用している Node.js のバージョンではサポートされていない JavsScript 構文を使いたいときは、ファイルを `src` サブフォルダーに置き、プラグインフォルダーのルートへビルドされるようにしてください。 +`gatsby-*` ファイルと同じように、Babel によるコンパイルは行われません。もし使用している Node.js のバージョンではサポートされていない JavaScript 構文を使いたいときは、ファイルを `src` サブフォルダーに置き、プラグインフォルダーのルートへビルドされるようにしてください。