@rsbuild/plugin-react 0.0.25 → 0.0.27

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 import { RsbuildPlugin } from '@rsbuild/core';
 
+declare const isBeyondReact17: (cwd: string) => Promise<boolean>;
+
 declare const pluginReact: () => RsbuildPlugin;
 
-export { pluginReact };
+export { isBeyondReact17, pluginReact };

package/dist/index.js

@@ -5,9 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -30,248 +27,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../core/dist/plugins/splitChunks.js
-var require_splitChunks = __commonJS({
-  "../core/dist/plugins/splitChunks.js"(exports, module2) {
-    "use strict";
-    var __create2 = Object.create;
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __getProtoOf2 = Object.getPrototypeOf;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames2(from))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-      // If the importer is in node compatibility mode or this is not an ESM
-      // file that has been converted to a CommonJS file using a Babel-
-      // compatible transform (i.e. "__esModule" has not been set), then set
-      // "default" to the CommonJS "module.exports" for node compatibility.
-      isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
-      mod
-    ));
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var splitChunks_exports = {};
-    __export2(splitChunks_exports, {
-      createDependenciesRegExp: () => createDependenciesRegExp2,
-      pluginSplitChunks: () => pluginSplitChunks
-    });
-    module2.exports = __toCommonJS2(splitChunks_exports);
-    var import_assert = __toESM2(require("assert"));
-    var import_shared5 = require("@rsbuild/shared");
-    function getUserDefinedCacheGroups(forceSplitting) {
-      const cacheGroups = {};
-      const pairs = Array.isArray(forceSplitting) ? forceSplitting.map(
-        (regexp, index) => [`force-split-${index}`, regexp]
-      ) : Object.entries(forceSplitting);
-      pairs.forEach(([key, regexp]) => {
-        cacheGroups[key] = {
-          test: regexp,
-          name: key,
-          chunks: "all",
-          // Ignore minimum size, minimum chunks and maximum requests and always create chunks for user defined cache group.
-          enforce: true
-        };
-      });
-      return cacheGroups;
-    }
-    var DEPENDENCY_MATCH_TEMPL = /[\\/]node_modules[\\/](<SOURCES>)[\\/]/.source;
-    var createDependenciesRegExp2 = (...dependencies) => {
-      const sources = dependencies.map(
-        (d) => typeof d === "string" ? d : d.source
-      );
-      const expr = DEPENDENCY_MATCH_TEMPL.replace("<SOURCES>", sources.join("|"));
-      return new RegExp(expr);
-    };
-    function splitByExperience2(ctx) {
-      const { override, polyfill, defaultConfig, userDefinedCacheGroups } = ctx;
-      const experienceCacheGroup = {};
-      const packageRegExps = {
-        lodash: createDependenciesRegExp2("lodash", "lodash-es"),
-        axios: createDependenciesRegExp2("axios", /axios-.+/)
-      };
-      if (polyfill === "entry" || polyfill === "usage") {
-        packageRegExps.polyfill = createDependenciesRegExp2(
-          "tslib",
-          "core-js",
-          "@babel/runtime",
-          "@swc/helpers"
-        );
-      }
-      Object.entries(packageRegExps).forEach(([name, test]) => {
-        const key = `lib-${name}`;
-        experienceCacheGroup[key] = {
-          test,
-          priority: 0,
-          name: key,
-          reuseExistingChunk: true
-        };
-      });
-      return {
-        ...defaultConfig,
-        ...override,
-        cacheGroups: {
-          ...defaultConfig.cacheGroups,
-          ...experienceCacheGroup,
-          ...userDefinedCacheGroups,
-          ...override.cacheGroups
-        }
-      };
-    }
-    function splitByModule(ctx) {
-      const { override, userDefinedCacheGroups, defaultConfig } = ctx;
-      return {
-        ...defaultConfig,
-        minSize: 0,
-        maxInitialRequests: Infinity,
-        ...override,
-        cacheGroups: {
-          ...defaultConfig.cacheGroups,
-          ...userDefinedCacheGroups,
-          // Core group
-          vendors: {
-            priority: -10,
-            test: import_shared5.NODE_MODULES_REGEX,
-            // todo: not support in rspack
-            // @ts-expect-error
-            name(module22) {
-              return (0, import_shared5.getPackageNameFromModulePath)(module22.context);
-            }
-          },
-          ...override.cacheGroups
-        }
-      };
-    }
-    function splitBySize(ctx) {
-      var _a, _b;
-      const { override, userDefinedCacheGroups, defaultConfig, rsbuildConfig } = ctx;
-      (0, import_assert.default)(rsbuildConfig.strategy === "split-by-size");
-      return {
-        ...defaultConfig,
-        minSize: (_a = rsbuildConfig.minSize) != null ? _a : 0,
-        maxSize: (_b = rsbuildConfig.maxSize) != null ? _b : Infinity,
-        ...override,
-        cacheGroups: {
-          ...defaultConfig.cacheGroups,
-          ...userDefinedCacheGroups,
-          ...override.cacheGroups
-        }
-      };
-    }
-    function splitCustom(ctx) {
-      const { override, userDefinedCacheGroups, defaultConfig } = ctx;
-      return {
-        ...defaultConfig,
-        ...override,
-        cacheGroups: {
-          ...defaultConfig.cacheGroups,
-          ...userDefinedCacheGroups,
-          ...override.cacheGroups
-        }
-      };
-    }
-    function allInOne(_ctx) {
-      return false;
-    }
-    function singleVendor(ctx) {
-      const { override, defaultConfig, userDefinedCacheGroups } = ctx;
-      const singleVendorCacheGroup = {
-        singleVendor: {
-          test: import_shared5.NODE_MODULES_REGEX,
-          priority: 0,
-          chunks: "all",
-          name: "vendor",
-          enforce: true,
-          reuseExistingChunk: true
-        }
-      };
-      return {
-        ...defaultConfig,
-        ...override,
-        cacheGroups: {
-          ...defaultConfig.cacheGroups,
-          ...singleVendorCacheGroup,
-          ...userDefinedCacheGroups,
-          ...override.cacheGroups
-        }
-      };
-    }
-    var SPLIT_STRATEGY_DISPATCHER = {
-      "split-by-experience": splitByExperience2,
-      "split-by-module": splitByModule,
-      "split-by-size": splitBySize,
-      custom: splitCustom,
-      "all-in-one": allInOne,
-      "single-vendor": singleVendor
-    };
-    function pluginSplitChunks() {
-      return {
-        name: "plugin-split-chunks",
-        setup(api) {
-          api.modifyBundlerChain(
-            async (chain, { isServer, isWebWorker, isServiceWorker }) => {
-              var _a;
-              if (isServer || isWebWorker || isServiceWorker) {
-                chain.optimization.splitChunks(false);
-                if (isWebWorker || isServiceWorker) {
-                  chain.module.parser.merge({
-                    javascript: {
-                      dynamicImportMode: "eager"
-                    }
-                  });
-                }
-                return;
-              }
-              const config = api.getNormalizedConfig();
-              const defaultConfig = {
-                // Optimize both `initial` and `async` chunks
-                chunks: "all",
-                // When chunk size >= 50000 bytes, split it into separate chunk
-                // @ts-expect-error Rspack type missing
-                enforceSizeThreshold: 5e4,
-                cacheGroups: {}
-              };
-              const { chunkSplit } = config.performance;
-              let userDefinedCacheGroups = {};
-              if (chunkSplit.forceSplitting) {
-                userDefinedCacheGroups = getUserDefinedCacheGroups(
-                  chunkSplit.forceSplitting
-                );
-              }
-              const override = chunkSplit.strategy === "custom" ? (
-                // `chunkSplit.splitChunks` compat for Eden
-                (_a = chunkSplit.splitChunks) != null ? _a : chunkSplit.override
-              ) : chunkSplit.override;
-              const splitChunksOptions = await SPLIT_STRATEGY_DISPATCHER[chunkSplit.strategy]({
-                defaultConfig,
-                override: override || {},
-                userDefinedCacheGroups,
-                rsbuildConfig: chunkSplit,
-                rootPath: api.context.rootPath,
-                polyfill: config.output.polyfill
-              });
-              chain.optimization.splitChunks(splitChunksOptions);
-            }
-          );
-        }
-      };
-    }
-  }
-});
-
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  isBeyondReact17: () => isBeyondReact17,
   pluginReact: () => pluginReact
 });
 module.exports = __toCommonJS(src_exports);
@@ -345,61 +104,39 @@ var applyArcoSupport = (api) => {
 };
 
 // src/splitChunks.ts
-var import_splitChunks = __toESM(require_splitChunks());
 var import_shared3 = require("@rsbuild/shared");
-async function splitByExperience(rootPath) {
-  const experienceCacheGroup = {};
-  const packageRegExps = {
-    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",
-      "@remix-run/router",
-      "history"
-    )
-  };
-  if ((0, import_shared3.isPackageInstalled)("antd", rootPath)) {
-    packageRegExps.antd = (0, import_splitChunks.createDependenciesRegExp)("antd");
-  }
-  if ((0, import_shared3.isPackageInstalled)("@arco-design/web-react", rootPath)) {
-    packageRegExps.arco = (0, import_splitChunks.createDependenciesRegExp)(/@?arco-design/);
-  }
-  if ((0, import_shared3.isPackageInstalled)("@douyinfe/semi-ui", rootPath)) {
-    packageRegExps.semi = (0, import_splitChunks.createDependenciesRegExp)(
-      /@(ies|douyinfe)[\\/]semi-.*/
-    );
-  }
-  Object.entries(packageRegExps).forEach(([name, test]) => {
-    const key = `lib-${name}`;
-    experienceCacheGroup[key] = {
-      test,
-      priority: 0,
-      name: key,
-      reuseExistingChunk: true
-    };
-  });
-  return experienceCacheGroup;
-}
 var applySplitChunksRule = (api) => {
-  api.modifyRsbuildConfig(async (rsbuildConfig) => {
-    const { chunkSplit } = rsbuildConfig.performance || {};
+  api.modifyBundlerChain((chain) => {
+    const config = api.getNormalizedConfig();
+    const { chunkSplit } = config.performance || {};
     if ((chunkSplit == null ? void 0 : chunkSplit.strategy) !== "split-by-experience") {
       return;
     }
-    const cacheGroups = await splitByExperience(api.context.rootPath);
-    const override = rsbuildConfig.performance.chunkSplit.override;
-    rsbuildConfig.performance.chunkSplit.override = {
+    const currentConfig = chain.optimization.splitChunks.values();
+    if (!(0, import_shared3.isPlainObject)(currentConfig)) {
+      return;
+    }
+    const extraGroups = (0, import_shared3.createCacheGroups)({
+      react: [
+        "react",
+        "react-dom",
+        "scheduler",
+        ...(0, import_shared3.isProd)() ? [] : ["react-refresh", "@pmmmwh/react-refresh-webpack-plugin"]
+      ],
+      router: [
+        "react-router",
+        "react-router-dom",
+        "@remix-run/router",
+        "history"
+      ]
+    });
+    chain.optimization.splitChunks({
+      ...currentConfig,
       cacheGroups: {
-        ...cacheGroups,
-        ...override ? override.cacheGroups : {}
-      },
-      ...override || {}
-    };
+        ...currentConfig.cacheGroups,
+        ...extraGroups
+      }
+    });
   });
 };
 
@@ -467,14 +204,31 @@ var applyBasicReactSupport = (api) => {
     if (!usingHMR) {
       return;
     }
-    const { default: ReactRefreshRspackPlugin } = await import(
-      // TODO https://github.com/web-infra-dev/rspack/issues/4471
-      "@rspack/plugin-react-refresh"
-    );
+    const { default: ReactRefreshRspackPlugin } = await import("@rspack/plugin-react-refresh");
     chain.plugin(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(ReactRefreshRspackPlugin);
   });
 };
 
+// src/utils.ts
+var import_fs = __toESM(require("fs"));
+var import_semver = __toESM(require("semver"));
+var import_shared5 = require("@rsbuild/shared");
+var isBeyondReact17 = async (cwd) => {
+  const pkgPath = await (0, import_shared5.findUp)({ cwd, filename: "package.json" });
+  if (!pkgPath) {
+    return false;
+  }
+  const pkgInfo = JSON.parse(import_fs.default.readFileSync(pkgPath, "utf8"));
+  const deps = {
+    ...pkgInfo.devDependencies,
+    ...pkgInfo.dependencies
+  };
+  if (typeof deps.react !== "string") {
+    return false;
+  }
+  return import_semver.default.satisfies(import_semver.default.minVersion(deps.react), ">=17.0.0");
+};
+
 // src/index.ts
 var pluginReact = () => ({
   name: "plugin-react",
@@ -490,5 +244,6 @@ var pluginReact = () => ({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  isBeyondReact17,
   pluginReact
 });

package/dist/index.mjs

@@ -1,9 +1,3 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
   get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
 }) : x)(function(x) {
@@ -11,295 +5,16 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
     return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __commonJS = (cb, mod) => function __require2() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 
 // ../../node_modules/.pnpm/@modern-js+module-tools@2.40.0_typescript@5.2.2/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
-var init_esm = __esm({
-  "../../node_modules/.pnpm/@modern-js+module-tools@2.40.0_typescript@5.2.2/node_modules/@modern-js/module-tools/shims/esm.js"() {
-    "use strict";
-  }
-});
 
 // ../../scripts/require_shims.js
 import { createRequire } from "module";
-var init_require_shims = __esm({
-  "../../scripts/require_shims.js"() {
-    "use strict";
-    global.require = createRequire(import.meta.url);
-  }
-});
-
-// ../core/dist/plugins/splitChunks.js
-var require_splitChunks = __commonJS({
-  "../core/dist/plugins/splitChunks.js"(exports, module) {
-    "use strict";
-    init_esm();
-    init_require_shims();
-    var __create2 = Object.create;
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __getProtoOf2 = Object.getPrototypeOf;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames2(from))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-      // If the importer is in node compatibility mode or this is not an ESM
-      // file that has been converted to a CommonJS file using a Babel-
-      // compatible transform (i.e. "__esModule" has not been set), then set
-      // "default" to the CommonJS "module.exports" for node compatibility.
-      isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
-      mod
-    ));
-    var __toCommonJS = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var splitChunks_exports = {};
-    __export(splitChunks_exports, {
-      createDependenciesRegExp: () => createDependenciesRegExp2,
-      pluginSplitChunks: () => pluginSplitChunks
-    });
-    module.exports = __toCommonJS(splitChunks_exports);
-    var import_assert = __toESM2(__require("assert"));
-    var import_shared5 = __require("@rsbuild/shared");
-    function getUserDefinedCacheGroups(forceSplitting) {
-      const cacheGroups = {};
-      const pairs = Array.isArray(forceSplitting) ? forceSplitting.map(
-        (regexp, index) => [`force-split-${index}`, regexp]
-      ) : Object.entries(forceSplitting);
-      pairs.forEach(([key, regexp]) => {
-        cacheGroups[key] = {
-          test: regexp,
-          name: key,
-          chunks: "all",
-          // Ignore minimum size, minimum chunks and maximum requests and always create chunks for user defined cache group.
-          enforce: true
-        };
-      });
-      return cacheGroups;
-    }
-    var DEPENDENCY_MATCH_TEMPL = /[\\/]node_modules[\\/](<SOURCES>)[\\/]/.source;
-    var createDependenciesRegExp2 = (...dependencies) => {
-      const sources = dependencies.map(
-        (d) => typeof d === "string" ? d : d.source
-      );
-      const expr = DEPENDENCY_MATCH_TEMPL.replace("<SOURCES>", sources.join("|"));
-      return new RegExp(expr);
-    };
-    function splitByExperience2(ctx) {
-      const { override, polyfill, defaultConfig, userDefinedCacheGroups } = ctx;
-      const experienceCacheGroup = {};
-      const packageRegExps = {
-        lodash: createDependenciesRegExp2("lodash", "lodash-es"),
-        axios: createDependenciesRegExp2("axios", /axios-.+/)
-      };
-      if (polyfill === "entry" || polyfill === "usage") {
-        packageRegExps.polyfill = createDependenciesRegExp2(
-          "tslib",
-          "core-js",
-          "@babel/runtime",
-          "@swc/helpers"
-        );
-      }
-      Object.entries(packageRegExps).forEach(([name, test]) => {
-        const key = `lib-${name}`;
-        experienceCacheGroup[key] = {
-          test,
-          priority: 0,
-          name: key,
-          reuseExistingChunk: true
-        };
-      });
-      return {
-        ...defaultConfig,
-        ...override,
-        cacheGroups: {
-          ...defaultConfig.cacheGroups,
-          ...experienceCacheGroup,
-          ...userDefinedCacheGroups,
-          ...override.cacheGroups
-        }
-      };
-    }
-    function splitByModule(ctx) {
-      const { override, userDefinedCacheGroups, defaultConfig } = ctx;
-      return {
-        ...defaultConfig,
-        minSize: 0,
-        maxInitialRequests: Infinity,
-        ...override,
-        cacheGroups: {
-          ...defaultConfig.cacheGroups,
-          ...userDefinedCacheGroups,
-          // Core group
-          vendors: {
-            priority: -10,
-            test: import_shared5.NODE_MODULES_REGEX,
-            // todo: not support in rspack
-            // @ts-expect-error
-            name(module2) {
-              return (0, import_shared5.getPackageNameFromModulePath)(module2.context);
-            }
-          },
-          ...override.cacheGroups
-        }
-      };
-    }
-    function splitBySize(ctx) {
-      var _a, _b;
-      const { override, userDefinedCacheGroups, defaultConfig, rsbuildConfig } = ctx;
-      (0, import_assert.default)(rsbuildConfig.strategy === "split-by-size");
-      return {
-        ...defaultConfig,
-        minSize: (_a = rsbuildConfig.minSize) != null ? _a : 0,
-        maxSize: (_b = rsbuildConfig.maxSize) != null ? _b : Infinity,
-        ...override,
-        cacheGroups: {
-          ...defaultConfig.cacheGroups,
-          ...userDefinedCacheGroups,
-          ...override.cacheGroups
-        }
-      };
-    }
-    function splitCustom(ctx) {
-      const { override, userDefinedCacheGroups, defaultConfig } = ctx;
-      return {
-        ...defaultConfig,
-        ...override,
-        cacheGroups: {
-          ...defaultConfig.cacheGroups,
-          ...userDefinedCacheGroups,
-          ...override.cacheGroups
-        }
-      };
-    }
-    function allInOne(_ctx) {
-      return false;
-    }
-    function singleVendor(ctx) {
-      const { override, defaultConfig, userDefinedCacheGroups } = ctx;
-      const singleVendorCacheGroup = {
-        singleVendor: {
-          test: import_shared5.NODE_MODULES_REGEX,
-          priority: 0,
-          chunks: "all",
-          name: "vendor",
-          enforce: true,
-          reuseExistingChunk: true
-        }
-      };
-      return {
-        ...defaultConfig,
-        ...override,
-        cacheGroups: {
-          ...defaultConfig.cacheGroups,
-          ...singleVendorCacheGroup,
-          ...userDefinedCacheGroups,
-          ...override.cacheGroups
-        }
-      };
-    }
-    var SPLIT_STRATEGY_DISPATCHER = {
-      "split-by-experience": splitByExperience2,
-      "split-by-module": splitByModule,
-      "split-by-size": splitBySize,
-      custom: splitCustom,
-      "all-in-one": allInOne,
-      "single-vendor": singleVendor
-    };
-    function pluginSplitChunks() {
-      return {
-        name: "plugin-split-chunks",
-        setup(api) {
-          api.modifyBundlerChain(
-            async (chain, { isServer, isWebWorker, isServiceWorker }) => {
-              var _a;
-              if (isServer || isWebWorker || isServiceWorker) {
-                chain.optimization.splitChunks(false);
-                if (isWebWorker || isServiceWorker) {
-                  chain.module.parser.merge({
-                    javascript: {
-                      dynamicImportMode: "eager"
-                    }
-                  });
-                }
-                return;
-              }
-              const config = api.getNormalizedConfig();
-              const defaultConfig = {
-                // Optimize both `initial` and `async` chunks
-                chunks: "all",
-                // When chunk size >= 50000 bytes, split it into separate chunk
-                // @ts-expect-error Rspack type missing
-                enforceSizeThreshold: 5e4,
-                cacheGroups: {}
-              };
-              const { chunkSplit } = config.performance;
-              let userDefinedCacheGroups = {};
-              if (chunkSplit.forceSplitting) {
-                userDefinedCacheGroups = getUserDefinedCacheGroups(
-                  chunkSplit.forceSplitting
-                );
-              }
-              const override = chunkSplit.strategy === "custom" ? (
-                // `chunkSplit.splitChunks` compat for Eden
-                (_a = chunkSplit.splitChunks) != null ? _a : chunkSplit.override
-              ) : chunkSplit.override;
-              const splitChunksOptions = await SPLIT_STRATEGY_DISPATCHER[chunkSplit.strategy]({
-                defaultConfig,
-                override: override || {},
-                userDefinedCacheGroups,
-                rsbuildConfig: chunkSplit,
-                rootPath: api.context.rootPath,
-                polyfill: config.output.polyfill
-              });
-              chain.optimization.splitChunks(splitChunksOptions);
-            }
-          );
-        }
-      };
-    }
-  }
-});
-
-// src/index.ts
-init_esm();
-init_require_shims();
+global.require = createRequire(import.meta.url);
 
 // src/antd.ts
-init_esm();
-init_require_shims();
 import { isServerTarget } from "@rsbuild/shared";
 var getAntdMajorVersion = (appDirectory) => {
   try {
@@ -336,8 +51,6 @@ var applyAntdSupport = (api) => {
 };
 
 // src/arco.ts
-init_esm();
-init_require_shims();
 import {
   isServerTarget as isServerTarget2,
   isPackageInstalled
@@ -372,72 +85,47 @@ var applyArcoSupport = (api) => {
 };
 
 // src/splitChunks.ts
-init_esm();
-init_require_shims();
-var import_splitChunks = __toESM(require_splitChunks());
 import {
   isProd,
-  isPackageInstalled as isPackageInstalled2
+  isPlainObject,
+  createCacheGroups
 } from "@rsbuild/shared";
-async function splitByExperience(rootPath) {
-  const experienceCacheGroup = {};
-  const packageRegExps = {
-    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",
-      "@remix-run/router",
-      "history"
-    )
-  };
-  if (isPackageInstalled2("antd", rootPath)) {
-    packageRegExps.antd = (0, import_splitChunks.createDependenciesRegExp)("antd");
-  }
-  if (isPackageInstalled2("@arco-design/web-react", rootPath)) {
-    packageRegExps.arco = (0, import_splitChunks.createDependenciesRegExp)(/@?arco-design/);
-  }
-  if (isPackageInstalled2("@douyinfe/semi-ui", rootPath)) {
-    packageRegExps.semi = (0, import_splitChunks.createDependenciesRegExp)(
-      /@(ies|douyinfe)[\\/]semi-.*/
-    );
-  }
-  Object.entries(packageRegExps).forEach(([name, test]) => {
-    const key = `lib-${name}`;
-    experienceCacheGroup[key] = {
-      test,
-      priority: 0,
-      name: key,
-      reuseExistingChunk: true
-    };
-  });
-  return experienceCacheGroup;
-}
 var applySplitChunksRule = (api) => {
-  api.modifyRsbuildConfig(async (rsbuildConfig) => {
-    const { chunkSplit } = rsbuildConfig.performance || {};
+  api.modifyBundlerChain((chain) => {
+    const config = api.getNormalizedConfig();
+    const { chunkSplit } = config.performance || {};
     if (chunkSplit?.strategy !== "split-by-experience") {
       return;
     }
-    const cacheGroups = await splitByExperience(api.context.rootPath);
-    const override = rsbuildConfig.performance.chunkSplit.override;
-    rsbuildConfig.performance.chunkSplit.override = {
+    const currentConfig = chain.optimization.splitChunks.values();
+    if (!isPlainObject(currentConfig)) {
+      return;
+    }
+    const extraGroups = createCacheGroups({
+      react: [
+        "react",
+        "react-dom",
+        "scheduler",
+        ...isProd() ? [] : ["react-refresh", "@pmmmwh/react-refresh-webpack-plugin"]
+      ],
+      router: [
+        "react-router",
+        "react-router-dom",
+        "@remix-run/router",
+        "history"
+      ]
+    });
+    chain.optimization.splitChunks({
+      ...currentConfig,
       cacheGroups: {
-        ...cacheGroups,
-        ...override ? override.cacheGroups : {}
-      },
-      ...override || {}
-    };
+        ...currentConfig.cacheGroups,
+        ...extraGroups
+      }
+    });
   });
 };
 
 // src/react.ts
-init_esm();
-init_require_shims();
 import { isUsingHMR, isClientCompiler, isProd as isProd2 } from "@rsbuild/shared";
 function getReactRefreshEntry(compiler) {
   const hot = compiler.options.devServer?.hot ?? true;
@@ -502,14 +190,31 @@ var applyBasicReactSupport = (api) => {
     if (!usingHMR) {
       return;
     }
-    const { default: ReactRefreshRspackPlugin } = await import(
-      // TODO https://github.com/web-infra-dev/rspack/issues/4471
-      "@rspack/plugin-react-refresh"
-    );
+    const { default: ReactRefreshRspackPlugin } = await import("@rspack/plugin-react-refresh");
     chain.plugin(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(ReactRefreshRspackPlugin);
   });
 };
 
+// src/utils.ts
+import fs from "fs";
+import semver from "semver";
+import { findUp } from "@rsbuild/shared";
+var isBeyondReact17 = async (cwd) => {
+  const pkgPath = await findUp({ cwd, filename: "package.json" });
+  if (!pkgPath) {
+    return false;
+  }
+  const pkgInfo = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
+  const deps = {
+    ...pkgInfo.devDependencies,
+    ...pkgInfo.dependencies
+  };
+  if (typeof deps.react !== "string") {
+    return false;
+  }
+  return semver.satisfies(semver.minVersion(deps.react), ">=17.0.0");
+};
+
 // src/index.ts
 var pluginReact = () => ({
   name: "plugin-react",
@@ -524,5 +229,6 @@ var pluginReact = () => ({
   }
 });
 export {
+  isBeyondReact17,
   pluginReact
 };

package/package.json

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