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

web-infra-dev · Oct 18, 2022 · 9ee6fe0 · 9ee6fe0
1 parent 09f6507
commit 9ee6fe0
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 2 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/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(
-        '@pmmmwh/react-refresh-webpack-plugin'
+        '@modern-js/react-refresh-webpack-plugin'
       );
       const useTsLoader = Boolean(config.tools?.tsLoader);
       const rule = useTsLoader

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