@rsbuild/plugin-vue2 1.1.1 → 1.2.0

package/README.md

@@ -23,7 +23,7 @@ Add plugin to your `rsbuild.config.ts`:
 
 ```ts
 // rsbuild.config.ts
-import { pluginVue2 } from "@rsbuild/plugin-vue2";
+import { pluginVue2 } from '@rsbuild/plugin-vue2';
 
 export default {
   plugins: [pluginVue2()],
@@ -46,7 +46,7 @@ Options passed to `vue-loader`, please refer to the [vue-loader documentation](h
 ```js
 const defaultOptions = {
   compilerOptions: {
-    whitespace: "condense",
+    whitespace: 'condense',
   },
   experimentalInlineMatchResource: true,
 };

package/dist/index.cjs

@@ -4,11 +4,15 @@ const __rslib_import_meta_url__ = /*#__PURE__*/ function() {
 }();
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{
@@ -68,6 +72,26 @@ class VueLoader15PitchFixPlugin {
         _define_property(this, "name", 'VueLoader15PitchFixPlugin');
     }
 }
+const patchWebpackRuleSetCompiler_require = (0, external_node_module_namespaceObject.createRequire)(__rslib_import_meta_url__);
+const PATCHED_RULE_SET_COMPILER = '__rsbuildPluginVue2PatchedWithRule';
+function patchWebpackRuleSetCompiler() {
+    const ruleSetCompilerPath = patchWebpackRuleSetCompiler_require.resolve('webpack/lib/rules/RuleSetCompiler');
+    const ObjectMatcherRulePlugin = patchWebpackRuleSetCompiler_require('webpack/lib/rules/ObjectMatcherRulePlugin');
+    const RuleSetCompiler = patchWebpackRuleSetCompiler_require(ruleSetCompilerPath);
+    if (RuleSetCompiler[PATCHED_RULE_SET_COMPILER]) return;
+    class PatchedRuleSetCompiler extends RuleSetCompiler {
+        constructor(plugins = []){
+            const hasWithRule = plugins.some((plugin)=>plugin?.ruleProperty === 'with');
+            super(hasWithRule ? plugins : [
+                ...plugins,
+                new ObjectMatcherRulePlugin('with', 'attributes', (value)=>Boolean(value && !value._isLegacyAssert))
+            ]);
+        }
+    }
+    PatchedRuleSetCompiler[PATCHED_RULE_SET_COMPILER] = true;
+    const cachedModule = patchWebpackRuleSetCompiler_require.cache[ruleSetCompilerPath];
+    if (cachedModule) cachedModule.exports = PatchedRuleSetCompiler;
+}
 const isPlainObject = (obj)=>null !== obj && 'object' == typeof obj && '[object Object]' === Object.prototype.toString.call(obj);
 const isDefaultPreset = (config)=>{
     const { performance, splitChunks } = config;
@@ -147,6 +171,7 @@ function pluginVue2(options = {}) {
                 rule.test(VUE_REGEXP).use(CHAIN_ID.USE.VUE).loader(src_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)$/);
+                patchWebpackRuleSetCompiler();
                 chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(external_vue_loader_namespaceObject.VueLoaderPlugin);
                 chain.plugin('vue-loader-15-pitch-fix').use(VueLoader15PitchFixPlugin);
             });

package/dist/index.js

@@ -36,6 +36,26 @@ class VueLoader15PitchFixPlugin {
         _define_property(this, "name", 'VueLoader15PitchFixPlugin');
     }
 }
+const patchWebpackRuleSetCompiler_require = createRequire(import.meta.url);
+const PATCHED_RULE_SET_COMPILER = '__rsbuildPluginVue2PatchedWithRule';
+function patchWebpackRuleSetCompiler() {
+    const ruleSetCompilerPath = patchWebpackRuleSetCompiler_require.resolve('webpack/lib/rules/RuleSetCompiler');
+    const ObjectMatcherRulePlugin = patchWebpackRuleSetCompiler_require('webpack/lib/rules/ObjectMatcherRulePlugin');
+    const RuleSetCompiler = patchWebpackRuleSetCompiler_require(ruleSetCompilerPath);
+    if (RuleSetCompiler[PATCHED_RULE_SET_COMPILER]) return;
+    class PatchedRuleSetCompiler extends RuleSetCompiler {
+        constructor(plugins = []){
+            const hasWithRule = plugins.some((plugin)=>plugin?.ruleProperty === 'with');
+            super(hasWithRule ? plugins : [
+                ...plugins,
+                new ObjectMatcherRulePlugin('with', 'attributes', (value)=>Boolean(value && !value._isLegacyAssert))
+            ]);
+        }
+    }
+    PatchedRuleSetCompiler[PATCHED_RULE_SET_COMPILER] = true;
+    const cachedModule = patchWebpackRuleSetCompiler_require.cache[ruleSetCompilerPath];
+    if (cachedModule) cachedModule.exports = PatchedRuleSetCompiler;
+}
 const isPlainObject = (obj)=>null !== obj && 'object' == typeof obj && '[object Object]' === Object.prototype.toString.call(obj);
 const isDefaultPreset = (config)=>{
     const { performance, splitChunks } = config;
@@ -115,6 +135,7 @@ function pluginVue2(options = {}) {
                 rule.test(VUE_REGEXP).use(CHAIN_ID.USE.VUE).loader(src_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)$/);
+                patchWebpackRuleSetCompiler();
                 chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_PLUGIN).use(VueLoaderPlugin);
                 chain.plugin('vue-loader-15-pitch-fix').use(VueLoader15PitchFixPlugin);
             });

package/dist/patchWebpackRuleSetCompiler.d.ts

@@ -0,0 +1,5 @@
+/**
+ * vue-loader@15 uses webpack's RuleSetCompiler to clone user rules, while
+ * Rspack supports `rule.with` for import attributes before webpack does.
+ */
+export declare function patchWebpackRuleSetCompiler(): void;

package/package.json

@@ -1,7 +1,14 @@
 {
   "name": "@rsbuild/plugin-vue2",
-  "version": "1.1.1",
-  "repository": "https://github.com/rstackjs/rsbuild-plugin-vue2",
+  "version": "1.2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rstackjs/rsbuild-plugin-vue2"
+  },
+  "homepage": "https://github.com/rstackjs/rsbuild-plugin-vue2#readme",
+  "bugs": {
+    "url": "https://github.com/rstackjs/rsbuild-plugin-vue2/issues"
+  },
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -11,57 +18,48 @@
       "require": "./dist/index.cjs"
     }
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
-  "scripts": {
-  	"build": "rslib build",
-		"dev": "rslib build --watch",
-    "lint": "biome check .",
-    "lint:write": "biome check . --write",
-    "prepare": "simple-git-hooks && npm run build",
-    "test": "playwright test",
-    "bump": "npx bumpp"
-  },
   "simple-git-hooks": {
-    "pre-commit": "npx nano-staged"
-  },
-  "nano-staged": {
-    "*.{js,jsx,ts,tsx,mjs,cjs}": [
-      "biome check --write --no-errors-on-unmatched"
-    ]
+    "pre-commit": "pnpm run lint:write"
   },
   "dependencies": {
     "vue-loader": "^15.11.1",
-    "webpack": "^5.104.1"
+    "webpack": "^5.108.3"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.9.4",
-    "@playwright/test": "^1.58.1",
-    "@rsbuild/core": "2.0.0-beta.0",
-    "@rsbuild/plugin-less": "^1.6.0",
-    "@rslib/core": "^0.19.4",
-    "@types/node": "^24.10.9",
-    "nano-staged": "^0.9.0",
-    "playwright": "^1.58.1",
+    "@playwright/test": "^1.61.1",
+    "@rsbuild/core": "2.1.3",
+    "@rsbuild/plugin-less": "^1.6.4",
+    "@rslib/core": "^0.23.1",
+    "@rslint/core": "^0.6.4",
+    "@types/node": "^24.13.2",
+    "playwright": "^1.61.1",
+    "prettier": "^3.9.4",
     "simple-git-hooks": "^2.13.1",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.3",
     "vue": "^2.7.16"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^1.0.0 || ^2.0.0-0"
+    "@rsbuild/core": "^1.0.0 || ^2.0.0"
   },
   "peerDependenciesMeta": {
     "@rsbuild/core": {
       "optional": true
     }
   },
-  "packageManager": "pnpm@10.28.2",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "rslib",
+    "dev": "rslib -w",
+    "lint": "rslint && prettier -c .",
+    "lint:write": "rslint --fix && prettier -w .",
+    "test": "playwright test",
+    "bump": "pnpx bumpp"
   }
-}
+}