@rsbuild/plugin-vue2 0.7.9 → 1.0.0-alpha.0

package/dist/VueLoader15PitchFixPlugin.d.ts

@@ -0,0 +1,8 @@
+import type { Rspack } from '@rsbuild/core';
+/**
+ * this plugin is a quick fix for issue https://github.com/web-infra-dev/rsbuild/issues/2093
+ */
+export declare class VueLoader15PitchFixPlugin implements Rspack.RspackPluginInstance {
+    readonly name = "VueLoader15PitchFixPlugin";
+    apply(compiler: Rspack.Compiler): void;
+}

package/dist/index.cjs

@@ -82,17 +82,18 @@ var VueLoader15PitchFixPlugin = class {
 
 // src/splitChunks.ts
 var import_shared = require("@rsbuild/shared");
+var isPlainObject = (obj) => obj !== null && typeof obj === "object" && Object.prototype.toString.call(obj) === "[object Object]";
 var applySplitChunksRule = (api, options = {
   vue: true,
   router: true
 }) => {
-  api.modifyBundlerChain((chain) => {
-    const config = api.getNormalizedConfig();
+  api.modifyBundlerChain((chain, { environment }) => {
+    const { config } = environment;
     if (config.performance.chunkSplit.strategy !== "split-by-experience") {
       return;
     }
     const currentConfig = chain.optimization.splitChunks.values();
-    if (!(0, import_shared.isPlainObject)(currentConfig)) {
+    if (!isPlainObject(currentConfig)) {
       return;
     }
     const extraGroups = {};
@@ -151,7 +152,11 @@ function pluginVue2(options = {}) {
           ...userLoaderOptions,
           compilerOptions
         };
-        chain.module.rule(CHAIN_ID.RULE.VUE).test(VUE_REGEXP).use(CHAIN_ID.USE.VUE).loader(require.resolve("vue-loader")).options(vueLoaderOptions);
+        const rule = chain.module.rule(CHAIN_ID.RULE.VUE);
+        rule.test(VUE_REGEXP).use(CHAIN_ID.USE.VUE).loader(require.resolve("vue-loader")).options(vueLoaderOptions);
+        if (chain.module.rules.has(CHAIN_ID.RULE.JS)) {
+          applyResolveConfig(rule, chain.module.rule(CHAIN_ID.RULE.JS));
+        }
         chain.module.rule(CHAIN_ID.RULE.CSS).test(/\.(?:css|postcss|pcss)$/);
         chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(import_vue_loader.VueLoaderPlugin);
         chain.plugin("vue-loader-15-pitch-fix").use(VueLoader15PitchFixPlugin);
@@ -160,6 +165,16 @@ function pluginVue2(options = {}) {
     }
   };
 }
+function applyResolveConfig(vueRule, jsRule) {
+  const fullySpecified = jsRule.resolve.get("fullySpecified");
+  const aliases = jsRule.resolve.alias.entries();
+  if (aliases) {
+    vueRule.resolve.alias.merge(aliases);
+  }
+  if (fullySpecified !== void 0) {
+    vueRule.resolve.fullySpecified(fullySpecified);
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PLUGIN_VUE2_NAME,

package/dist/index.d.ts

@@ -1,7 +1,6 @@
-import { RsbuildPlugin } from '@rsbuild/core';
-import { VueLoaderOptions } from 'vue-loader';
-
-type SplitVueChunkOptions = {
+import type { RsbuildPlugin } from '@rsbuild/core';
+import { type VueLoaderOptions } from 'vue-loader';
+export type SplitVueChunkOptions = {
     /**
      * Whether to enable split chunking for Vue-related dependencies (e.g., vue, vue-loader).
      * @default true
@@ -13,7 +12,7 @@ type SplitVueChunkOptions = {
      */
     router?: boolean;
 };
-type PluginVueOptions = {
+export type PluginVueOptions = {
     /**
      * Options passed to `vue-loader`.
      * @see https://vue-loader.vuejs.org/
@@ -24,7 +23,5 @@ type PluginVueOptions = {
      */
     splitChunks?: SplitVueChunkOptions;
 };
-declare const PLUGIN_VUE2_NAME = "rsbuild:vue2";
-declare function pluginVue2(options?: PluginVueOptions): RsbuildPlugin;
-
-export { PLUGIN_VUE2_NAME, type PluginVueOptions, type SplitVueChunkOptions, pluginVue2 };
+export declare const PLUGIN_VUE2_NAME = "rsbuild:vue2";
+export declare function pluginVue2(options?: PluginVueOptions): RsbuildPlugin;

package/dist/index.js

@@ -15,7 +15,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.52.0_eslint@9.5.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.54.5_eslint@9.6.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 
@@ -62,13 +62,14 @@ var VueLoader15PitchFixPlugin = class {
 };
 
 // src/splitChunks.ts
-import { createCacheGroups, isPlainObject } from "@rsbuild/shared";
+import { createCacheGroups } from "@rsbuild/shared";
+var isPlainObject = (obj) => obj !== null && typeof obj === "object" && Object.prototype.toString.call(obj) === "[object Object]";
 var applySplitChunksRule = (api, options = {
   vue: true,
   router: true
 }) => {
-  api.modifyBundlerChain((chain) => {
-    const config = api.getNormalizedConfig();
+  api.modifyBundlerChain((chain, { environment }) => {
+    const { config } = environment;
     if (config.performance.chunkSplit.strategy !== "split-by-experience") {
       return;
     }
@@ -132,7 +133,11 @@ function pluginVue2(options = {}) {
           ...userLoaderOptions,
           compilerOptions
         };
-        chain.module.rule(CHAIN_ID.RULE.VUE).test(VUE_REGEXP).use(CHAIN_ID.USE.VUE).loader(__require.resolve("vue-loader")).options(vueLoaderOptions);
+        const rule = chain.module.rule(CHAIN_ID.RULE.VUE);
+        rule.test(VUE_REGEXP).use(CHAIN_ID.USE.VUE).loader(__require.resolve("vue-loader")).options(vueLoaderOptions);
+        if (chain.module.rules.has(CHAIN_ID.RULE.JS)) {
+          applyResolveConfig(rule, chain.module.rule(CHAIN_ID.RULE.JS));
+        }
         chain.module.rule(CHAIN_ID.RULE.CSS).test(/\.(?:css|postcss|pcss)$/);
         chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(VueLoaderPlugin);
         chain.plugin("vue-loader-15-pitch-fix").use(VueLoader15PitchFixPlugin);
@@ -141,6 +146,16 @@ function pluginVue2(options = {}) {
     }
   };
 }
+function applyResolveConfig(vueRule, jsRule) {
+  const fullySpecified = jsRule.resolve.get("fullySpecified");
+  const aliases = jsRule.resolve.alias.entries();
+  if (aliases) {
+    vueRule.resolve.alias.merge(aliases);
+  }
+  if (fullySpecified !== void 0) {
+    vueRule.resolve.fullySpecified(fullySpecified);
+  }
+}
 export {
   PLUGIN_VUE2_NAME,
   pluginVue2

package/dist/splitChunks.d.ts

@@ -0,0 +1,3 @@
+import type { RsbuildPluginAPI } from '@rsbuild/core';
+import type { SplitVueChunkOptions } from '.';
+export declare const applySplitChunksRule: (api: RsbuildPluginAPI, options?: SplitVueChunkOptions) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-vue2",
-  "version": "0.7.9",
+  "version": "1.0.0-alpha.0",
   "description": "Vue 2 plugin of Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -24,17 +24,17 @@
   ],
   "dependencies": {
     "vue-loader": "^15.11.1",
-    "webpack": "^5.92.0",
-    "@rsbuild/shared": "0.7.9"
+    "webpack": "^5.92.1",
+    "@rsbuild/shared": "1.0.0-alpha.0"
   },
   "devDependencies": {
-    "typescript": "^5.4.2",
-    "webpack": "^5.92.0",
-    "@rsbuild/core": "0.7.9",
-    "@scripts/test-helper": "0.7.9"
+    "typescript": "^5.5.2",
+    "webpack": "^5.92.1",
+    "@rsbuild/core": "1.0.0-alpha.0",
+    "@scripts/test-helper": "1.0.0-alpha.0"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^0.7.9"
+    "@rsbuild/core": "^1.0.0-alpha.0"
   },
   "publishConfig": {
     "access": "public",