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

package/dist/index.d.ts

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

package/dist/index.js

@@ -26,32 +26,71 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
 var src_exports = {};
 __export(src_exports, {
   pluginVue2: () => pluginVue2
 });
 module.exports = __toCommonJS(src_exports);
-var import_deepmerge = require("@rsbuild/shared/deepmerge");
+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_deepmerge.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

@@ -0,0 +1,84 @@
+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) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// ../../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/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: "rsbuild:vue2",
+    setup(api) {
+      api.modifyBundlerChain((chain, { CHAIN_ID }) => {
+        chain.resolve.extensions.add(".vue");
+        const vueLoaderOptions = deepmerge(
+          {
+            compilerOptions: {
+              preserveWhitespace: false
+            },
+            experimentalInlineMatchResource: true
+          },
+          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(VueLoaderPlugin);
+      });
+      applySplitChunksRule(api, options.splitChunks);
+    }
+  };
+}
+export {
+  pluginVue2
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-vue2",
-  "version": "0.0.0-next-20231108034054",
+  "version": "0.0.0-next-20231207110454",
   "description": "Vue 2 plugin of Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -9,9 +9,11 @@
     "directory": "packages/plugin-vue2"
   },
   "license": "MIT",
+  "type": "commonjs",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
       "default": "./dist/index.js"
     }
   },
@@ -23,16 +25,16 @@
   "dependencies": {
     "vue-loader": "^15.11.1",
     "webpack": "^5.89.0",
-    "@rsbuild/shared": "0.0.0-next-20231108034054"
+    "@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-20231108034054",
-    "@rsbuild/test-helper": "0.0.0-next-20231108034054"
+    "@rsbuild/test-helper": "0.0.0-next-20231207110454",
+    "@rsbuild/core": "0.0.0-next-20231207110454"
   },
   "peerDependencies": {
-    "@rsbuild/core": "0.0.0-next-20231108034054"
+    "@rsbuild/core": "0.0.0-next-20231207110454"
   },
   "publishConfig": {
     "access": "public",