@rsbuild/plugin-vue2 0.0.0-next-20231115072032 → 0.0.0-next-20231207110454

package/dist/index.d.ts

@@ -1,9 +1,14 @@
 import { RsbuildPlugin } from '@rsbuild/core';
 import { VueLoaderOptions } from 'vue-loader';
 
+type SplitVueChunkOptions = {
+    vue?: boolean;
+    router?: boolean;
+};
 type PluginVueOptions = {
     vueLoaderOptions?: VueLoaderOptions;
+    splitChunks?: SplitVueChunkOptions;
 };
 declare function pluginVue2(options?: PluginVueOptions): RsbuildPlugin;
 
-export { PluginVueOptions, pluginVue2 };
+export { PluginVueOptions, SplitVueChunkOptions, pluginVue2 };

package/dist/index.js

@@ -33,27 +33,64 @@ __export(src_exports, {
   pluginVue2: () => pluginVue2
 });
 module.exports = __toCommonJS(src_exports);
-var import_shared = require("@rsbuild/shared");
+var import_shared2 = require("@rsbuild/shared");
 var import_vue_loader = require("vue-loader");
+
+// src/splitChunks.ts
+var import_shared = require("@rsbuild/shared");
+var applySplitChunksRule = (api, options = {
+  vue: true,
+  router: true
+}) => {
+  api.modifyBundlerChain((chain) => {
+    const config = api.getNormalizedConfig();
+    if (config.performance.chunkSplit.strategy !== "split-by-experience") {
+      return;
+    }
+    const currentConfig = chain.optimization.splitChunks.values();
+    if (!(0, import_shared.isPlainObject)(currentConfig)) {
+      return;
+    }
+    const extraGroups = {};
+    if (options.vue) {
+      extraGroups.vue = ["vue", "vue-loader"];
+    }
+    if (options.router) {
+      extraGroups.router = ["vue-router"];
+    }
+    if (!Object.keys(extraGroups).length) {
+      return;
+    }
+    chain.optimization.splitChunks({
+      ...currentConfig,
+      cacheGroups: {
+        ...currentConfig.cacheGroups,
+        ...(0, import_shared.createCacheGroups)(extraGroups)
+      }
+    });
+  });
+};
+
+// src/index.ts
 function pluginVue2(options = {}) {
   return {
-    name: "plugin-vue2",
+    name: "rsbuild:vue2",
     setup(api) {
       api.modifyBundlerChain((chain, { CHAIN_ID }) => {
-        var _a;
         chain.resolve.extensions.add(".vue");
-        const vueLoaderOptions = (0, import_shared.deepmerge)(
+        const vueLoaderOptions = (0, import_shared2.deepmerge)(
           {
             compilerOptions: {
               preserveWhitespace: false
             },
             experimentalInlineMatchResource: true
           },
-          (_a = options.vueLoaderOptions) != null ? _a : {}
+          options.vueLoaderOptions ?? {}
         );
         chain.module.rule(CHAIN_ID.RULE.VUE).test(/\.vue$/).use(CHAIN_ID.USE.VUE).loader(require.resolve("vue-loader")).options(vueLoaderOptions);
         chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(import_vue_loader.VueLoaderPlugin);
       });
+      applySplitChunksRule(api, options.splitChunks);
     }
   };
 }

package/dist/index.mjs

@@ -6,20 +6,60 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.40.0_typescript@5.2.2/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.41.0_typescript@5.3.2/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 
-// ../../scripts/require_shims.js
+// ../../scripts/requireShims.js
 import { createRequire } from "module";
 global.require = createRequire(import.meta.url);
 
 // src/index.ts
 import { deepmerge } from "@rsbuild/shared";
 import { VueLoaderPlugin } from "vue-loader";
+
+// src/splitChunks.ts
+import {
+  isPlainObject,
+  createCacheGroups
+} from "@rsbuild/shared";
+var applySplitChunksRule = (api, options = {
+  vue: true,
+  router: true
+}) => {
+  api.modifyBundlerChain((chain) => {
+    const config = api.getNormalizedConfig();
+    if (config.performance.chunkSplit.strategy !== "split-by-experience") {
+      return;
+    }
+    const currentConfig = chain.optimization.splitChunks.values();
+    if (!isPlainObject(currentConfig)) {
+      return;
+    }
+    const extraGroups = {};
+    if (options.vue) {
+      extraGroups.vue = ["vue", "vue-loader"];
+    }
+    if (options.router) {
+      extraGroups.router = ["vue-router"];
+    }
+    if (!Object.keys(extraGroups).length) {
+      return;
+    }
+    chain.optimization.splitChunks({
+      ...currentConfig,
+      cacheGroups: {
+        ...currentConfig.cacheGroups,
+        ...createCacheGroups(extraGroups)
+      }
+    });
+  });
+};
+
+// src/index.ts
 function pluginVue2(options = {}) {
   return {
-    name: "plugin-vue2",
+    name: "rsbuild:vue2",
     setup(api) {
       api.modifyBundlerChain((chain, { CHAIN_ID }) => {
         chain.resolve.extensions.add(".vue");
@@ -35,6 +75,7 @@ function pluginVue2(options = {}) {
         chain.module.rule(CHAIN_ID.RULE.VUE).test(/\.vue$/).use(CHAIN_ID.USE.VUE).loader(__require.resolve("vue-loader")).options(vueLoaderOptions);
         chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(VueLoaderPlugin);
       });
+      applySplitChunksRule(api, options.splitChunks);
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-vue2",
-  "version": "0.0.0-next-20231115072032",
+  "version": "0.0.0-next-20231207110454",
   "description": "Vue 2 plugin of Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -9,6 +9,7 @@
     "directory": "packages/plugin-vue2"
   },
   "license": "MIT",
+  "type": "commonjs",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -24,16 +25,16 @@
   "dependencies": {
     "vue-loader": "^15.11.1",
     "webpack": "^5.89.0",
-    "@rsbuild/shared": "0.0.0-next-20231115072032"
+    "@rsbuild/shared": "0.0.0-next-20231207110454"
   },
   "devDependencies": {
-    "typescript": "^5.2.2",
+    "typescript": "^5.3.0",
     "webpack": "^5.89.0",
-    "@rsbuild/core": "0.0.0-next-20231115072032",
-    "@rsbuild/test-helper": "0.0.0-next-20231115072032"
+    "@rsbuild/test-helper": "0.0.0-next-20231207110454",
+    "@rsbuild/core": "0.0.0-next-20231207110454"
   },
   "peerDependencies": {
-    "@rsbuild/core": "0.0.0-next-20231115072032"
+    "@rsbuild/core": "0.0.0-next-20231207110454"
   },
   "publishConfig": {
     "access": "public",