gatsby-plugin-compile-es6-packages

gatsby-plugin-compile-es6-packages

Allows you to easily specify npm modules to be included in transpiling with babel.

This plugin works with Gatsby V2+

Discussion of this issue at https://github.com/gatsbyjs/gatsby/issues/3780

Install

npm install --save gatsby-plugin-compile-es6-packages

or

yarn add gatsby-plugin-compile-es6-packages

How to use

Add the plugin to your gatsby-config.js. Specify the npm modules containing ES6 code that require transpilation.

plugins: [
  {
    resolve: `gatsby-plugin-compile-es6-packages`,
    options: {
      modules: [`query-string`]
    }
  }
];

Options

Option	Explanation	Default	Required
modules	Specify the npm modules containing ES6 code that require transpilation	[]	YES
test	Adjusts the regex for the webpack rule	/\.js$/	NO

You may also need to use other plugins to handle any specific babel config to transpile the es6 code (i.e. gatsby-plugin-flow)