@rsbuild/plugin-react 0.0.19 → 0.0.21

package/dist/index.js

@@ -261,11 +261,6 @@ var require_splitChunks = __commonJS({
                 polyfill: config.output.polyfill
               });
               chain.optimization.splitChunks(splitChunksOptions);
-              if (chunkSplit.strategy !== "all-in-one") {
-                chain.optimization.runtimeChunk({
-                  name: import_shared5.RUNTIME_CHUNK_NAME
-                });
-              }
             }
           );
         }
@@ -355,7 +350,12 @@ var import_shared3 = require("@rsbuild/shared");
 async function splitByExperience(rootPath) {
   const experienceCacheGroup = {};
   const packageRegExps = {
-    react: (0, import_splitChunks.createDependenciesRegExp)("react", "react-dom", "scheduler"),
+    react: (0, import_splitChunks.createDependenciesRegExp)(
+      "react",
+      "react-dom",
+      "scheduler",
+      ...(0, import_shared3.isProd)() ? [] : ["react-refresh", "@pmmmwh/react-refresh-webpack-plugin"]
+    ),
     router: (0, import_splitChunks.createDependenciesRegExp)(
       "react-router",
       "react-router-dom",
@@ -441,12 +441,12 @@ var applyBasicReactSupport = (api) => {
       setupCompiler(multiCompiler);
     }
   });
-  api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd: isProd2, target }) => {
+  api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd: isProd3, target }) => {
     const config = api.getNormalizedConfig();
-    const usingHMR = (0, import_shared4.isUsingHMR)(config, { isProd: isProd2, target });
+    const usingHMR = (0, import_shared4.isUsingHMR)(config, { isProd: isProd3, target });
     const rule = chain.module.rule(CHAIN_ID.RULE.JS);
     const reactOptions = {
-      development: !isProd2,
+      development: !isProd3,
       refresh: usingHMR,
       runtime: "automatic"
     };

package/dist/index.mjs

@@ -285,11 +285,6 @@ var require_splitChunks = __commonJS({
                 polyfill: config.output.polyfill
               });
               chain.optimization.splitChunks(splitChunksOptions);
-              if (chunkSplit.strategy !== "all-in-one") {
-                chain.optimization.runtimeChunk({
-                  name: import_shared5.RUNTIME_CHUNK_NAME
-                });
-              }
             }
           );
         }
@@ -381,12 +376,18 @@ init_esm();
 init_require_shims();
 var import_splitChunks = __toESM(require_splitChunks());
 import {
+  isProd,
   isPackageInstalled as isPackageInstalled2
 } from "@rsbuild/shared";
 async function splitByExperience(rootPath) {
   const experienceCacheGroup = {};
   const packageRegExps = {
-    react: (0, import_splitChunks.createDependenciesRegExp)("react", "react-dom", "scheduler"),
+    react: (0, import_splitChunks.createDependenciesRegExp)(
+      "react",
+      "react-dom",
+      "scheduler",
+      ...isProd() ? [] : ["react-refresh", "@pmmmwh/react-refresh-webpack-plugin"]
+    ),
     router: (0, import_splitChunks.createDependenciesRegExp)(
       "react-router",
       "react-router-dom",
@@ -437,7 +438,7 @@ var applySplitChunksRule = (api) => {
 // src/react.ts
 init_esm();
 init_require_shims();
-import { isUsingHMR, isClientCompiler, isProd } from "@rsbuild/shared";
+import { isUsingHMR, isClientCompiler, isProd as isProd2 } from "@rsbuild/shared";
 function getReactRefreshEntry(compiler) {
   const hot = compiler.options.devServer?.hot ?? true;
   const refresh = compiler.options.builtins?.react?.refresh ?? true;
@@ -466,7 +467,7 @@ var setupCompiler = (compiler) => {
 };
 var applyBasicReactSupport = (api) => {
   api.onAfterCreateCompiler(({ compiler: multiCompiler }) => {
-    if (isProd()) {
+    if (isProd2()) {
       return;
     }
     if (multiCompiler.compilers) {
@@ -475,12 +476,12 @@ var applyBasicReactSupport = (api) => {
       setupCompiler(multiCompiler);
     }
   });
-  api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd: isProd2, target }) => {
+  api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd: isProd3, target }) => {
     const config = api.getNormalizedConfig();
-    const usingHMR = isUsingHMR(config, { isProd: isProd2, target });
+    const usingHMR = isUsingHMR(config, { isProd: isProd3, target });
     const rule = chain.module.rule(CHAIN_ID.RULE.JS);
     const reactOptions = {
-      development: !isProd2,
+      development: !isProd3,
       refresh: usingHMR,
       runtime: "automatic"
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-react",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "React plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -23,13 +23,13 @@
   "dependencies": {
     "@rspack/plugin-react-refresh": "0.3.11",
     "react-refresh": "^0.14.0",
-    "@rsbuild/shared": "0.0.19"
+    "@rsbuild/shared": "0.0.21"
   },
   "devDependencies": {
     "@types/node": "^16",
     "typescript": "^5.2.2",
-    "@rsbuild/core": "0.0.19",
-    "@rsbuild/test-helper": "0.0.19"
+    "@rsbuild/core": "0.0.21",
+    "@rsbuild/test-helper": "0.0.21"
   },
   "publishConfig": {
     "access": "public",