fix: pnpm stuff

gatsby-config.js

@@ -22,6 +22,7 @@ console.log(`Auditing: ${yellow(isAudit)}\n`)
 module.exports = {
   siteMetadata,
   plugins: [
+    `gatsby-plugin-pnpm`,
     `gatsby-plugin-preact`,
     `gatsby-plugin-layout`,
     `gatsby-plugin-react-helmet-async`,

gatsby/node/onCreateWebpackConfig.js

@@ -1,11 +1,20 @@
+const path = require('path')
 const { getVersion } = require('../../utils/version')
 const { isProd } = require('../../utils/environment')
 
+// BUG: https://github.com/webpack/webpack/issues/5087
+// BUG: https://github.com/Js-Brecht/gatsby-plugin-pnpm/issues/1
+const nodePath = (process.env.NODE_PATH &&
+  process.env.NODE_PATH.split(path.delimiter)) || [path.join(__dirname, 'node_modules')]
+
 module.exports = async ({ actions, plugins }) => {
   const { setWebpackConfig } = actions
 
   await setWebpackConfig({
     devtool: isProd ? false : 'cheap-module-source-map',
+    resolveLoader: {
+      modules: nodePath,
+    },
     plugins: [
       plugins.define({
         'process.env': {

package.json

@@ -53,6 +53,7 @@
     "gatsby-plugin-manifest": "^2.2.41",
     "gatsby-plugin-mdx": "^1.0.70",
     "gatsby-plugin-offline": "^3.0.34",
+    "gatsby-plugin-pnpm": "^1.0.0",
     "gatsby-plugin-postcss": "^2.1.20",
     "gatsby-plugin-preact": "^3.1.26",
     "gatsby-plugin-react-axe": "^0.3.0",
@@ -120,4 +121,4 @@
     "node": ">=12",
     "pnpm": ">=4"
   }
-}
+}