Add webpack loader for patching react-dom

gatsbyjs · Dec 13, 2018 · 3894f0a · 3894f0a
1 parent de6d443
commit 3894f0a
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/packages/gatsby/src/utils/webpack-utils.js b/packages/gatsby/src/utils/webpack-utils.js
@@ -252,6 +252,13 @@ module.exports = async ({
       }
     },
 
+    reactHot: options => {
+      return {
+        options,
+        loader: require.resolve(`react-hot-loader/webpack`),
+      }
+    },
+
     eslint: (schema = ``) => {
       const options = eslintConfig(schema)
 
@@ -296,6 +303,18 @@ module.exports = async ({
     rules.js = js
   }
 
+  {
+    let reactHot = (options = {}) => {
+      return {
+        test: /\.jsx?$/,
+        include: /node_modules/,
+        use: [loaders.reactHot(options)],
+      }
+    }
+
+    rules.reactHot = reactHot
+  }
+
   /**
    * mjs loader:
    * webpack 4 has issues automatically dealing with

diff --git a/packages/gatsby/src/utils/webpack.config.js b/packages/gatsby/src/utils/webpack.config.js
@@ -294,6 +294,7 @@ module.exports = async (
     let configRules = [
       rules.mjs(),
       rules.js(),
+      rules.reactHot(),
       rules.yaml(),
       rules.fonts(),
       rules.images(),