@rsbuild/plugin-react 0.1.2 → 0.1.4

package/dist/index.d.ts

@@ -2,6 +2,13 @@ import { RsbuildPlugin } from '@rsbuild/core';
 
 declare const isBeyondReact17: (cwd: string) => Promise<boolean>;
 
-declare const pluginReact: () => RsbuildPlugin;
+type splitReactChunkOptions = {
+    react?: boolean;
+    router?: boolean;
+};
+type PluginReactOptions = {
+    splitChunks?: splitReactChunkOptions;
+};
+declare const pluginReact: (options?: PluginReactOptions) => RsbuildPlugin;
 
-export { isBeyondReact17, pluginReact };
+export { PluginReactOptions, isBeyondReact17, pluginReact, splitReactChunkOptions };

package/dist/index.js

@@ -50,16 +50,15 @@ var getAntdMajorVersion = (appDirectory) => {
 };
 var applyAntdSupport = (api) => {
   api.modifyRsbuildConfig((rsbuildConfig) => {
-    var _a, _b, _c;
-    (_a = rsbuildConfig.source) != null ? _a : rsbuildConfig.source = {};
-    if (rsbuildConfig.source.transformImport === false || ((_b = rsbuildConfig.source.transformImport) == null ? void 0 : _b.some(
+    rsbuildConfig.source ?? (rsbuildConfig.source = {});
+    if (rsbuildConfig.source.transformImport === false || rsbuildConfig.source.transformImport?.some(
       (item) => item.libraryName === "antd"
-    ))) {
+    )) {
       return;
     }
     const antdMajorVersion = getAntdMajorVersion(api.context.rootPath);
     if (antdMajorVersion && antdMajorVersion < 5) {
-      (_c = rsbuildConfig.source) != null ? _c : rsbuildConfig.source = {};
+      rsbuildConfig.source ?? (rsbuildConfig.source = {});
       rsbuildConfig.source.transformImport = [
         ...rsbuildConfig.source.transformImport || [],
         {
@@ -83,7 +82,7 @@ var applyArcoSupport = (api) => {
       return;
     }
     const isUseSSR = (0, import_shared2.isServerTarget)(api.context.target);
-    if (!(transformImport == null ? void 0 : transformImport.some((item) => item.libraryName === ARCO_NAME))) {
+    if (!transformImport?.some((item) => item.libraryName === ARCO_NAME)) {
       transformImport.push({
         libraryName: ARCO_NAME,
         libraryDirectory: isUseSSR ? "lib" : "es",
@@ -91,7 +90,7 @@ var applyArcoSupport = (api) => {
         style: true
       });
     }
-    if (!(transformImport == null ? void 0 : transformImport.some((item) => item.libraryName === ARCO_ICON))) {
+    if (!transformImport?.some((item) => item.libraryName === ARCO_ICON)) {
       transformImport.push({
         libraryName: ARCO_ICON,
         libraryDirectory: isUseSSR ? "react-icon-cjs" : "react-icon",
@@ -105,36 +104,48 @@ var applyArcoSupport = (api) => {
 
 // src/splitChunks.ts
 var import_shared3 = require("@rsbuild/shared");
-var applySplitChunksRule = (api) => {
+var applySplitChunksRule = (api, options) => {
   api.modifyBundlerChain((chain) => {
     const config = api.getNormalizedConfig();
     const { chunkSplit } = config.performance || {};
-    if ((chunkSplit == null ? void 0 : chunkSplit.strategy) !== "split-by-experience") {
+    if (chunkSplit?.strategy !== "split-by-experience") {
       return;
     }
+    if (!options) {
+      options = {
+        react: true,
+        router: true
+      };
+    }
     const currentConfig = chain.optimization.splitChunks.values();
     if (!(0, import_shared3.isPlainObject)(currentConfig)) {
       return;
     }
-    const extraGroups = (0, import_shared3.createCacheGroups)({
-      react: [
+    const extraGroups = {};
+    if (options.react !== false) {
+      extraGroups.react = [
         "react",
         "react-dom",
         "scheduler",
         ...(0, import_shared3.isProd)() ? [] : ["react-refresh", "@pmmmwh/react-refresh-webpack-plugin"]
-      ],
-      router: [
+      ];
+    }
+    if (options.router !== false) {
+      extraGroups.router = [
         "react-router",
         "react-router-dom",
         "@remix-run/router",
         "history"
-      ]
-    });
+      ];
+    }
+    if (!Object.keys(extraGroups).length) {
+      return;
+    }
     chain.optimization.splitChunks({
       ...currentConfig,
       cacheGroups: {
         ...currentConfig.cacheGroups,
-        ...extraGroups
+        ...(0, import_shared3.createCacheGroups)(extraGroups)
       }
     });
   });
@@ -143,9 +154,8 @@ var applySplitChunksRule = (api) => {
 // src/react.ts
 var import_shared4 = require("@rsbuild/shared");
 function getReactRefreshEntry(compiler) {
-  var _a, _b, _c, _d, _e;
-  const hot = (_b = (_a = compiler.options.devServer) == null ? void 0 : _a.hot) != null ? _b : true;
-  const refresh = (_e = (_d = (_c = compiler.options.builtins) == null ? void 0 : _c.react) == null ? void 0 : _d.refresh) != null ? _e : true;
+  const hot = compiler.options.devServer?.hot ?? true;
+  const refresh = compiler.options.builtins?.react?.refresh ?? true;
   if (hot && refresh) {
     const reactRefreshEntryPath = require.resolve("@rspack/plugin-react-refresh/react-refresh-entry");
     return reactRefreshEntryPath;
@@ -230,7 +240,7 @@ var isBeyondReact17 = async (cwd) => {
 };
 
 // src/index.ts
-var pluginReact = () => ({
+var pluginReact = (options = {}) => ({
   name: "rsbuild:react",
   pre: ["rsbuild:swc"],
   setup(api) {
@@ -239,7 +249,7 @@ var pluginReact = () => ({
     }
     applyAntdSupport(api);
     applyArcoSupport(api);
-    applySplitChunksRule(api);
+    applySplitChunksRule(api, options?.splitChunks);
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -90,36 +90,48 @@ import {
   isPlainObject,
   createCacheGroups
 } from "@rsbuild/shared";
-var applySplitChunksRule = (api) => {
+var applySplitChunksRule = (api, options) => {
   api.modifyBundlerChain((chain) => {
     const config = api.getNormalizedConfig();
     const { chunkSplit } = config.performance || {};
     if (chunkSplit?.strategy !== "split-by-experience") {
       return;
     }
+    if (!options) {
+      options = {
+        react: true,
+        router: true
+      };
+    }
     const currentConfig = chain.optimization.splitChunks.values();
     if (!isPlainObject(currentConfig)) {
       return;
     }
-    const extraGroups = createCacheGroups({
-      react: [
+    const extraGroups = {};
+    if (options.react !== false) {
+      extraGroups.react = [
         "react",
         "react-dom",
         "scheduler",
         ...isProd() ? [] : ["react-refresh", "@pmmmwh/react-refresh-webpack-plugin"]
-      ],
-      router: [
+      ];
+    }
+    if (options.router !== false) {
+      extraGroups.router = [
         "react-router",
         "react-router-dom",
         "@remix-run/router",
         "history"
-      ]
-    });
+      ];
+    }
+    if (!Object.keys(extraGroups).length) {
+      return;
+    }
     chain.optimization.splitChunks({
       ...currentConfig,
       cacheGroups: {
         ...currentConfig.cacheGroups,
-        ...extraGroups
+        ...createCacheGroups(extraGroups)
       }
     });
   });
@@ -216,7 +228,7 @@ var isBeyondReact17 = async (cwd) => {
 };
 
 // src/index.ts
-var pluginReact = () => ({
+var pluginReact = (options = {}) => ({
   name: "rsbuild:react",
   pre: ["rsbuild:swc"],
   setup(api) {
@@ -225,7 +237,7 @@ var pluginReact = () => ({
     }
     applyAntdSupport(api);
     applyArcoSupport(api);
-    applySplitChunksRule(api);
+    applySplitChunksRule(api, options?.splitChunks);
   }
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-react",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "React plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -21,17 +21,17 @@
     "dist"
   ],
   "dependencies": {
-    "@rspack/plugin-react-refresh": "0.4.0",
+    "@rspack/plugin-react-refresh": "0.4.0-canary-d45e3e0-20231128075052",
     "react-refresh": "^0.14.0",
     "semver": "^7.5.4",
-    "@rsbuild/shared": "0.1.2"
+    "@rsbuild/shared": "0.1.4"
   },
   "devDependencies": {
     "@types/node": "^16",
     "@types/semver": "^7.5.4",
     "typescript": "^5.3.0",
-    "@rsbuild/core": "0.1.2",
-    "@rsbuild/test-helper": "0.1.2"
+    "@rsbuild/core": "0.1.4",
+    "@rsbuild/test-helper": "0.1.4"
   },
   "publishConfig": {
     "access": "public",