chore: replace @rspack/dev-client with @rspack/plugin-react-refresh (#…

…5036)
web-infra-dev · Dec 5, 2023 · 898f325 · 898f325
1 parent 91059e4
commit 898f325
Show file tree

Hide file tree

Showing 10 changed files with 21 additions and 53 deletions.
diff --git a/.changeset/small-moles-crash.md b/.changeset/small-moles-crash.md
@@ -0,0 +1,8 @@
+---
+'@modern-js/builder-rspack-provider': patch
+'@modern-js/storybook-builder': patch
+---
+
+chore: replace @rspack/dev-client with @rspack/plugin-react-refresh
+
+chore: 将 @rspack/dev-client 替换为 @rspack/plugin-react-refresh
diff --git a/packages/builder/builder-rspack-provider/package.json b/packages/builder/builder-rspack-provider/package.json
@@ -57,7 +57,7 @@
     "@modern-js/utils": "workspace:*",
     "@babel/preset-typescript": "^7.22.15",
     "@rspack/core": "0.4.1",
-    "@rspack/dev-client": "0.4.1",
+    "@rspack/plugin-react-refresh": "0.4.1",
     "@rspack/plugin-html": "0.4.1",
     "@swc/helpers": "0.5.3",
     "rspack-manifest-plugin": "5.0.0-alpha0",

diff --git a/packages/builder/builder-rspack-provider/src/core/devMiddleware.ts b/packages/builder/builder-rspack-provider/src/core/devMiddleware.ts
@@ -12,7 +12,7 @@ export function getHotRuntimeEntries(compiler: Compiler) {
 
   if (hot && refresh) {
     const reactRefreshEntryPath = require.resolve(
-      '@rspack/dev-client/react-refresh-entry',
+      '@rspack/plugin-react-refresh/react-refresh-entry',
     );
     return [reactRefreshEntryPath];
   }

diff --git a/packages/builder/builder-rspack-provider/src/plugins/react.ts b/packages/builder/builder-rspack-provider/src/plugins/react.ts
@@ -53,7 +53,7 @@ export const builderPluginReact = (): BuilderPlugin => ({
         chain.plugin('ReactRefreshRuntime').use(bundler.ProvidePlugin, [
           {
             $ReactRefreshRuntime$: [
-              require.resolve('@rspack/dev-client/react-refresh'),
+              require.resolve('@rspack/plugin-react-refresh/react-refresh'),
             ],
           },
         ]);

diff --git a/packages/builder/builder-rspack-provider/tests/plugins/__snapshots__/default.test.ts.snap b/packages/builder/builder-rspack-provider/tests/plugins/__snapshots__/default.test.ts.snap
@@ -703,7 +703,7 @@ exports[`applyDefaultPlugins > should apply default plugins correctly 1`] = `
     ProvidePlugin {
       "_options": {
         "$ReactRefreshRuntime$": [
-          "<WORKSPACE>/node_modules/<PNPM_INNER>/@rspack/dev-client/src/reactRefresh.js",
+          "<WORKSPACE>/node_modules/<PNPM_INNER>/@rspack/plugin-react-refresh/client/reactRefresh.js",
         ],
       },
       "name": "ProvidePlugin",
@@ -2682,7 +2682,7 @@ exports[`tools.rspack > should match snapshot 1`] = `
     ProvidePlugin {
       "_options": {
         "$ReactRefreshRuntime$": [
-          "<WORKSPACE>/node_modules/<PNPM_INNER>/@rspack/dev-client/src/reactRefresh.js",
+          "<WORKSPACE>/node_modules/<PNPM_INNER>/@rspack/plugin-react-refresh/client/reactRefresh.js",
         ],
       },
       "name": "ProvidePlugin",

diff --git a/packages/document/main-doc/docs/en/guides/advanced-features/rspack-start.mdx b/packages/document/main-doc/docs/en/guides/advanced-features/rspack-start.mdx
@@ -83,7 +83,7 @@ For example, if you are using pnpm, you can update the Rspack version with `over
   "pnpm": {
     "overrides": {
       "@rspack/core": "nightly",
-      "@rspack/dev-client": "nightly",
+      "@rspack/plugin-react-refresh": "nightly",
       "@rspack/plugin-html": "nightly"
     }
   }

diff --git a/packages/document/main-doc/docs/zh/guides/advanced-features/rspack-start.mdx b/packages/document/main-doc/docs/zh/guides/advanced-features/rspack-start.mdx
@@ -83,7 +83,7 @@ import RspackPrecautions from '@modern-js/builder-doc/docs/zh/shared/rspackPreca
   "pnpm": {
     "overrides": {
       "@rspack/core": "nightly",
-      "@rspack/dev-client": "nightly",
+      "@rspack/plugin-react-refresh": "nightly",
       "@rspack/plugin-html": "nightly"
     }
   }

diff --git a/packages/storybook/builder/package.json b/packages/storybook/builder/package.json
@@ -61,7 +61,7 @@
     "@modern-js/core": "workspace:*",
     "@modern-js/runtime": "workspace:*",
     "@modern-js/utils": "workspace:*",
-    "@rspack/dev-client": "0.4.1",
+    "@rspack/plugin-react-refresh": "0.4.1",
     "@storybook/components": "~7.6.1",
     "@storybook/core-common": "~7.6.1",
     "@storybook/csf-plugin": "~7.6.1",

diff --git a/packages/storybook/builder/src/preset.ts b/packages/storybook/builder/src/preset.ts
@@ -26,7 +26,7 @@ export const entries = async (_: unknown, options: Options) => {
         )}?reload=true&quiet=false&noInfo=${options.quiet}`,
 
         bundler === 'rspack'
-          ? require.resolve('@rspack/dev-client/react-refresh-entry')
+          ? require.resolve('@rspack/plugin-react-refresh/react-refresh-entry')
           : null,
       ].filter(Boolean) as string[]),
     );

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