fix(webpack): react-refresh-webpack-plugin cause rebuild slow (#1808)

web-infra-dev · Oct 13, 2022 · a72ff6f · a72ff6f
1 parent c9eb510
commit a72ff6f
Show file tree

Hide file tree

Showing 6 changed files with 54 additions and 86 deletions.
diff --git a/.changeset/twelve-spoons-burn.md b/.changeset/twelve-spoons-burn.md
@@ -0,0 +1,7 @@
+---
+'@modern-js/webpack': patch
+---
+
+fix(webpack): react-refresh-webpack-plugin cause rebuild slow
+
+fix(webpack): 修复 react-refresh-webpack-plugin 导致重新编译慢的问题
diff --git a/packages/builder/webpack-builder/package.json b/packages/builder/webpack-builder/package.json
@@ -78,7 +78,7 @@
     "@modern-js/server": "workspace:*",
     "@modern-js/types": "workspace:*",
     "@modern-js/utils": "workspace:*",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.5",
+    "@modern-js/react-refresh-webpack-plugin": "0.5.8",
     "@svgr/webpack": "6.2.1",
     "@types/mini-css-extract-plugin": "2.2.0",
     "caniuse-lite": "^1.0.30001332",

diff --git a/packages/builder/webpack-builder/src/plugins/react.ts b/packages/builder/webpack-builder/src/plugins/react.ts
@@ -9,7 +9,7 @@ export const PluginReact = (): BuilderPlugin => ({
         return;
       }
       const { default: ReactFastRefreshPlugin } = await import(
-        '@pmmmwh/react-refresh-webpack-plugin'
+        '@modern-js/react-refresh-webpack-plugin'
       );
       const config = api.getBuilderConfig();
       const useTsLoader = Boolean(config.tools?.tsLoader);

diff --git a/packages/cli/webpack/package.json b/packages/cli/webpack/package.json
@@ -48,7 +48,7 @@
     "@modern-js/babel-preset-app": "workspace:*",
     "@modern-js/css-config": "workspace:*",
     "@modern-js/utils": "workspace:*",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
+    "@modern-js/react-refresh-webpack-plugin": "0.5.8",
     "@svgr/webpack": "^6.2.1",
     "core-js": "^3.25.0",
     "css-minimizer-webpack-plugin": "^3.0.2",

diff --git a/packages/cli/webpack/src/config/features/react-refresh.ts b/packages/cli/webpack/src/config/features/react-refresh.ts
@@ -2,7 +2,7 @@ import { CHAIN_ID } from '@modern-js/utils';
 import type { ChainUtils } from '../shared';
 
 export function applyReactRefreshPlugin({ chain }: ChainUtils) {
-  const ReactFastRefreshPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+  const ReactFastRefreshPlugin = require('@modern-js/react-refresh-webpack-plugin');
 
   chain.plugin(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(ReactFastRefreshPlugin, [
     {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml