fix(webpack): using official react-refresh-webpack-plugin (#1831)

web-infra-dev · Oct 13, 2022 · a6d734f · a6d734f
1 parent 7d856bc
commit a6d734f
Show file tree

Hide file tree

Showing 6 changed files with 52 additions and 51 deletions.
diff --git a/.changeset/twelve-spoons-burn.md b/.changeset/twelve-spoons-burn.md
@@ -1,5 +1,6 @@
 ---
 '@modern-js/webpack': patch
+'@modern-js/builder-provider-webpack': patch
 ---
 
 fix(webpack): react-refresh-webpack-plugin cause rebuild slow

diff --git a/packages/builder/builder-webpack-provider/package.json b/packages/builder/builder-webpack-provider/package.json
@@ -78,7 +78,7 @@
     "@modern-js/server": "workspace:*",
     "@modern-js/types": "workspace:*",
     "@modern-js/utils": "workspace:*",
-    "@modern-js/react-refresh-webpack-plugin": "0.5.8",
+    "@pmmmwh/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/builder-webpack-provider/src/plugins/react.ts b/packages/builder/builder-webpack-provider/src/plugins/react.ts
@@ -12,7 +12,7 @@ export const PluginReact = (): BuilderPlugin => ({
       }
 
       const { default: ReactFastRefreshPlugin } = await import(
-        '@modern-js/react-refresh-webpack-plugin'
+        '@pmmmwh/react-refresh-webpack-plugin'
       );
       const useTsLoader = Boolean(config.tools?.tsLoader);
       const rule = useTsLoader

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:*",
-    "@modern-js/react-refresh-webpack-plugin": "0.5.8",
+    "@pmmmwh/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('@modern-js/react-refresh-webpack-plugin');
+  const ReactFastRefreshPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 
   chain.plugin(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(ReactFastRefreshPlugin, [
     {

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