@rsbuild/plugin-vue 1.2.9 → 2.0.0

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import type { RsbuildPlugin, Rspack } from '@rsbuild/core';
 import { type VueLoaderOptions } from 'rspack-vue-loader';
 export type SplitVueChunkOptions = {
     /**
-   * Whether to enable split chunking for Vue-related dependencies (e.g., vue, vue-loader).
+   * Whether to enable split chunking for Vue-related dependencies (e.g., vue, rspack-vue-loader).
    * @default true
    */ vue?: boolean;
     /**
@@ -16,7 +16,7 @@ export type PluginVueOptions = {
    * @default /\.vue$/
    */ test?: Rspack.RuleSetCondition;
     /**
-   * Options passed to `vue-loader`.
+   * Options passed to `rspack-vue-loader`.
    * @see https://vue-loader.vuejs.org/
    */ vueLoaderOptions?: VueLoaderOptions;
     /**

package/dist/index.js

@@ -31,10 +31,14 @@ function applySplitChunksRule(api, options = {
     });
 }
 let src_require = createRequire(import.meta.url), PLUGIN_VUE_NAME = 'rsbuild:vue';
+function assertCoreVersion(version) {
+    if ('1' === version.split('.')[0]) throw Error('"@rsbuild/plugin-vue" v2 requires "@rsbuild/core" >= 2.0. Please upgrade "@rsbuild/core" or use "@rsbuild/plugin-vue" v1.');
+}
 function pluginVue(options = {}) {
     return {
         name: PLUGIN_VUE_NAME,
         setup (api) {
+            assertCoreVersion(api.context.version);
             let { test = /\.vue$/ } = options, CSS_MODULES_REGEX = /\.modules?\.\w+$/i;
             api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig })=>{
                 let merged = mergeEnvironmentConfig({

package/package.json

@@ -1,50 +1,51 @@
 {
   "name": "@rsbuild/plugin-vue",
-  "version": "1.2.9",
+  "version": "2.0.0",
   "description": "Vue 3 plugin of Rsbuild",
   "homepage": "https://rsbuild.rs",
+  "bugs": {
+    "url": "https://github.com/web-infra-dev/rsbuild/issues"
+  },
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/web-infra-dev/rsbuild",
     "directory": "packages/plugin-vue"
   },
-  "license": "MIT",
+  "files": [
+    "dist"
+  ],
   "type": "module",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "default": "./dist/index.js"
     }
   },
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "dependencies": {
-    "rspack-vue-loader": "^17.5.0"
+    "rspack-vue-loader": "^17.5.1"
   },
   "devDependencies": {
-    "@rsbuild/core-v1": "npm:@rsbuild/core@^1.7.5",
-    "@rslib/core": "0.22.0",
-    "@types/node": "^24.12.4",
+    "@rslib/core": "0.23.0",
+    "@types/node": "^24.13.2",
     "typescript": "^6.0.3",
-    "vue": "^3.5.34",
-    "@rsbuild/core": "2.0.9",
+    "vue": "^3.5.38",
+    "@rsbuild/core": "2.1.0-beta.0",
     "@scripts/test-helper": "1.0.0"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^1.0.0 || ^2.0.0-0"
+    "@rsbuild/core": "^2.0.0"
   },
   "peerDependenciesMeta": {
     "@rsbuild/core": {
       "optional": true
     }
   },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
   "scripts": {
     "build": "rslib",
     "dev": "rslib -w"

package/dist/index.cjs

@@ -1,105 +0,0 @@
-"use strict";
-const __rslib_import_meta_url__ = "u" < typeof document ? new (require('url'.replace('', ''))).URL('file:' + __filename).href : document.currentScript && document.currentScript.src || new URL('main.js', document.baseURI).href;
-var __webpack_require__ = {};
-__webpack_require__.d = (exports1, getters, values)=>{
-    var define = (defs, kind)=>{
-        for(var key in defs)__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key) && Object.defineProperty(exports1, key, {
-            enumerable: !0,
-            [kind]: defs[key]
-        });
-    };
-    define(getters, "get"), define(values, "value");
-}, __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop), __webpack_require__.r = (exports1)=>{
-    "u" > typeof Symbol && Symbol.toStringTag && Object.defineProperty(exports1, Symbol.toStringTag, {
-        value: 'Module'
-    }), Object.defineProperty(exports1, '__esModule', {
-        value: !0
-    });
-};
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__), __webpack_require__.d(__webpack_exports__, {
-    PLUGIN_VUE_NAME: ()=>PLUGIN_VUE_NAME,
-    pluginVue: ()=>pluginVue
-});
-const external_node_module_namespaceObject = require("node:module"), external_rspack_vue_loader_namespaceObject = require("rspack-vue-loader"), isPlainObject = (obj)=>null !== obj && 'object' == typeof obj && '[object Object]' === Object.prototype.toString.call(obj), isDefaultPreset = (config)=>{
-    let { performance, splitChunks } = config;
-    return performance.chunkSplit ? performance.chunkSplit?.strategy === 'split-by-experience' : 'object' == typeof splitChunks && (!splitChunks.preset || 'default' === splitChunks.preset);
-};
-function applySplitChunksRule(api, options = {
-    vue: !0,
-    router: !0
-}) {
-    api.modifyBundlerChain((chain, { environment })=>{
-        let { config } = environment;
-        if (!isDefaultPreset(config) || 'web' !== config.output.target) return;
-        let currentConfig = chain.optimization.splitChunks.values();
-        if (!isPlainObject(currentConfig)) return;
-        let extraGroups = {};
-        options.vue && (extraGroups.vue = {
-            name: 'lib-vue',
-            test: /node_modules[\\/](?:vue|rspack-vue-loader|@vue[\\/]shared|@vue[\\/]reactivity|@vue[\\/]runtime-dom|@vue[\\/]runtime-core)[\\/]/,
-            priority: 0
-        }), options.router && (extraGroups.router = {
-            name: 'lib-router',
-            test: /node_modules[\\/]vue-router[\\/]/,
-            priority: 0
-        }), Object.keys(extraGroups).length && chain.optimization.splitChunks({
-            ...currentConfig,
-            cacheGroups: {
-                ...extraGroups,
-                ...currentConfig.cacheGroups
-            }
-        });
-    });
-}
-const src_require = (0, external_node_module_namespaceObject.createRequire)(__rslib_import_meta_url__), PLUGIN_VUE_NAME = 'rsbuild:vue';
-function pluginVue(options = {}) {
-    return {
-        name: PLUGIN_VUE_NAME,
-        setup (api) {
-            let { test = /\.vue$/ } = options, CSS_MODULES_REGEX = /\.modules?\.\w+$/i;
-            api.modifyEnvironmentConfig((config, { mergeEnvironmentConfig })=>{
-                let merged = mergeEnvironmentConfig({
-                    source: {
-                        define: {
-                            __VUE_OPTIONS_API__: !0,
-                            __VUE_PROD_DEVTOOLS__: !1,
-                            __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: !1
-                        },
-                        include: [
-                            /\.vue.js$/
-                        ]
-                    }
-                }, config);
-                return !0 === merged.output.cssModules.auto && (merged.output.cssModules.auto = (path, query)=>{
-                    if ((path.endsWith('.vue') || path.includes('.vue.css')) && query) try {
-                        let params = new URLSearchParams(query);
-                        return 'style' === params.get('type') && params.has('module');
-                    } catch  {
-                        return !1;
-                    }
-                    return CSS_MODULES_REGEX.test(path);
-                }), merged;
-            }), api.modifyBundlerChain((chain, { CHAIN_ID, environment, target })=>{
-                chain.resolve.extensions.add('.vue');
-                let userLoaderOptions = options.vueLoaderOptions ?? {}, compilerOptions = {
-                    preserveWhitespace: !1,
-                    ...userLoaderOptions.compilerOptions
-                }, emitCss = environment.config.output.emitCss ?? 'web' === target, vueLoaderOptions = {
-                    isServerBuild: 'rstest' !== api.context.callerName && void 0,
-                    experimentalInlineMatchResource: emitCss,
-                    ...userLoaderOptions,
-                    compilerOptions
-                };
-                chain.module.rule(CHAIN_ID.RULE.VUE).test(test).use(CHAIN_ID.USE.VUE).loader(src_require.resolve('rspack-vue-loader')).options(vueLoaderOptions), chain.module.rule(CHAIN_ID.RULE.CSS).test(/\.(?:css|postcss|pcss)$/), chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).before(CHAIN_ID.PLUGIN.REACT_FAST_REFRESH).use(external_rspack_vue_loader_namespaceObject.VueLoaderPlugin);
-            }), applySplitChunksRule(api, options.splitChunks);
-        }
-    };
-}
-for(var __rspack_i in exports.PLUGIN_VUE_NAME = __webpack_exports__.PLUGIN_VUE_NAME, exports.pluginVue = __webpack_exports__.pluginVue, __webpack_exports__)-1 === [
-    "PLUGIN_VUE_NAME",
-    "pluginVue"
-].indexOf(__rspack_i) && (exports[__rspack_i] = __webpack_exports__[__rspack_i]);
-Object.defineProperty(exports, '__esModule', {
-    value: !0
-});