@rsbuild/plugin-vue2 0.6.4 → 0.6.6

package/dist/index.js

@@ -5,6 +5,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -26,6 +27,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // src/index.ts
 var src_exports = {};
@@ -36,6 +41,45 @@ module.exports = __toCommonJS(src_exports);
 var import_shared2 = require("@rsbuild/shared");
 var import_vue_loader = require("vue-loader");
 
+// src/VueLoader15PitchFixPlugin.ts
+var VueLoader15PitchFixPlugin = class {
+  constructor() {
+    __publicField(this, "name", "VueLoader15PitchFixPlugin");
+  }
+  apply(compiler) {
+    const { NormalModule } = compiler.webpack;
+    compiler.hooks.compilation.tap(this.name, (compilation) => {
+      const isExpCssOn = compilation.compiler.options?.experiments?.css;
+      if (!isExpCssOn)
+        return;
+      NormalModule.getCompilationHooks(compilation).loader.tap(
+        this.name,
+        (loaderContext) => {
+          if (
+            // the related issue only happens for <style>
+            /[?&]type=style/.test(loaderContext.resourceQuery) && // the fix should be applied before `pitch` phase completed.
+            // once `pitch` phase completed, vue-loader will remove its pitcher loader.
+            /[\\/]vue-loader[\\/]lib[\\/]loaders[\\/]pitcher/.test(
+              loaderContext.loaders?.[0]?.path || ""
+            )
+          ) {
+            const seen = /* @__PURE__ */ new Set();
+            const loaders = [];
+            for (const loader of loaderContext.loaders || []) {
+              const identifier = typeof loader === "string" ? loader : loader.path + loader.query;
+              if (!seen.has(identifier)) {
+                seen.add(identifier);
+                loaders.push(loader);
+              }
+            }
+            loaderContext.loaders = loaders;
+          }
+        }
+      );
+    });
+  }
+};
+
 // src/splitChunks.ts
 var import_shared = require("@rsbuild/shared");
 var applySplitChunksRule = (api, options = {
@@ -93,6 +137,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);
+        chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_15_PITCH_FIX_PLUGIN).use(VueLoader15PitchFixPlugin);
       });
       applySplitChunksRule(api, options.splitChunks);
     }

package/dist/index.mjs

@@ -1,6 +1,8 @@
 import { createRequire } from 'module';
 var require = createRequire(import.meta['url']);
 
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 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) {
@@ -8,6 +10,10 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
     return require.apply(this, arguments);
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // ../../node_modules/.pnpm/@modern-js+module-tools@2.49.0_eslint@8.57.0_typescript@5.4.5/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
@@ -17,10 +23,49 @@ import path from "path";
 import { deepmerge } from "@rsbuild/shared";
 import { VueLoaderPlugin } from "vue-loader";
 
+// src/VueLoader15PitchFixPlugin.ts
+var VueLoader15PitchFixPlugin = class {
+  constructor() {
+    __publicField(this, "name", "VueLoader15PitchFixPlugin");
+  }
+  apply(compiler) {
+    const { NormalModule } = compiler.webpack;
+    compiler.hooks.compilation.tap(this.name, (compilation) => {
+      const isExpCssOn = compilation.compiler.options?.experiments?.css;
+      if (!isExpCssOn)
+        return;
+      NormalModule.getCompilationHooks(compilation).loader.tap(
+        this.name,
+        (loaderContext) => {
+          if (
+            // the related issue only happens for <style>
+            /[?&]type=style/.test(loaderContext.resourceQuery) && // the fix should be applied before `pitch` phase completed.
+            // once `pitch` phase completed, vue-loader will remove its pitcher loader.
+            /[\\/]vue-loader[\\/]lib[\\/]loaders[\\/]pitcher/.test(
+              loaderContext.loaders?.[0]?.path || ""
+            )
+          ) {
+            const seen = /* @__PURE__ */ new Set();
+            const loaders = [];
+            for (const loader of loaderContext.loaders || []) {
+              const identifier = typeof loader === "string" ? loader : loader.path + loader.query;
+              if (!seen.has(identifier)) {
+                seen.add(identifier);
+                loaders.push(loader);
+              }
+            }
+            loaderContext.loaders = loaders;
+          }
+        }
+      );
+    });
+  }
+};
+
 // src/splitChunks.ts
 import {
-  isPlainObject,
-  createCacheGroups
+  createCacheGroups,
+  isPlainObject
 } from "@rsbuild/shared";
 var applySplitChunksRule = (api, options = {
   vue: true,
@@ -77,6 +122,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);
+        chain.plugin(CHAIN_ID.PLUGIN.VUE_LOADER_15_PITCH_FIX_PLUGIN).use(VueLoader15PitchFixPlugin);
       });
       applySplitChunksRule(api, options.splitChunks);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-vue2",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "description": "Vue 2 plugin of Rsbuild",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -25,16 +25,16 @@
   "dependencies": {
     "vue-loader": "^15.11.1",
     "webpack": "^5.91.0",
-    "@rsbuild/shared": "0.6.4"
+    "@rsbuild/shared": "0.6.6"
   },
   "devDependencies": {
     "typescript": "^5.4.2",
     "webpack": "^5.91.0",
-    "@scripts/test-helper": "0.6.4",
-    "@rsbuild/core": "0.6.4"
+    "@rsbuild/core": "0.6.6",
+    "@scripts/test-helper": "0.6.6"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^0.6.4"
+    "@rsbuild/core": "^0.6.6"
   },
   "publishConfig": {
     "access": "public",