Import a local plugin into a Gatsby project

gatsby-local-plugin.md

Importing a local plugin into Gatsby

Instructions

1. Include the plugin in plugins folder by following the official documentation.
2. Update webpack config in the gatsby-node.js file:

   const path = require('path')
   
   exports.onCreateWebpackConfig = ({actions}) => {
     actions.setWebpackConfig({
       resolve: {
         alias: {
           '~plugins': path.resolve(__dirname, 'plugins')
         }
       }
     })
   }
   

3. Import the plugin into any component:

   import {ComponentName} from '~plugins/gatsby-plugin-name'