@rsbuild/plugin-react 0.1.3 → 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

@@ -104,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?.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)
       }
     });
   });
@@ -228,7 +240,7 @@ var isBeyondReact17 = async (cwd) => {
 };
 
 // src/index.ts
-var pluginReact = () => ({
+var pluginReact = (options = {}) => ({
   name: "rsbuild:react",
   pre: ["rsbuild:swc"],
   setup(api) {
@@ -237,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.3",
+  "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.3"
+    "@rsbuild/shared": "0.1.4"
   },
   "devDependencies": {
     "@types/node": "^16",
     "@types/semver": "^7.5.4",
     "typescript": "^5.3.0",
-    "@rsbuild/core": "0.1.3",
-    "@rsbuild/test-helper": "0.1.3"
+    "@rsbuild/core": "0.1.4",
+    "@rsbuild/test-helper": "0.1.4"
   },
   "publishConfig": {
     "access": "public",