@rsbuild/plugin-vue2 0.1.8 → 0.2.0

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,15 +33,52 @@ __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: "rsbuild:vue2",
     setup(api) {
       api.modifyBundlerChain((chain, { CHAIN_ID }) => {
         chain.resolve.extensions.add(".vue");
-        const vueLoaderOptions = (0, import_shared.deepmerge)(
+        const vueLoaderOptions = (0, import_shared2.deepmerge)(
           {
             compilerOptions: {
               preserveWhitespace: false
@@ -53,6 +90,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(import_vue_loader.VueLoaderPlugin);
       });
+      applySplitChunksRule(api, options.splitChunks);
     }
   };
 }

package/dist/index.mjs

@@ -17,6 +17,46 @@ 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: "rsbuild:vue2",
@@ -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.1.8",
+  "version": "0.2.0",
   "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,13 +25,13 @@
   "dependencies": {
     "vue-loader": "^15.11.1",
     "webpack": "^5.89.0",
-    "@rsbuild/shared": "0.1.8"
+    "@rsbuild/shared": "0.2.0"
   },
   "devDependencies": {
     "typescript": "^5.3.0",
     "webpack": "^5.89.0",
-    "@rsbuild/core": "0.1.8",
-    "@rsbuild/test-helper": "0.1.8"
+    "@rsbuild/core": "0.2.0",
+    "@rsbuild/test-helper": "0.2.0"
   },
   "peerDependencies": {
     "@rsbuild/core": "0.x"