@esmx/rspack-vue 3.0.0-rc.35 → 3.0.0-rc.37

package/dist/vue-core.mjs

@@ -1,13 +1,14 @@
+import { fileURLToPath } from "node:url";
 import { createRspackHtmlApp, rspack } from "@esmx/rspack";
-import { VueLoaderPlugin as VueLoader2Plugin } from "vue2-loader";
-import { VueLoaderPlugin as VueLoader3Plugin } from "vue3-loader";
+import { VueLoaderPlugin as VueLoader2Plugin } from "vue-loader-v15";
+import { VueLoaderPlugin as VueLoader3Plugin } from "vue-loader-v17";
 import { vue2Loader } from "./vue2-loader.mjs";
 import { vue3Loader } from "./vue3-loader.mjs";
 export function createRspackVueApp(esmx, vueType, options) {
   return createRspackHtmlApp(esmx, {
     ...options,
     loaders: {
-      styleLoader: new URL(import.meta.resolve("vue-style-loader")).pathname,
+      styleLoader: fileURLToPath(import.meta.resolve("vue-style-loader")),
       ...options?.loaders
     },
     config(context) {
@@ -34,7 +35,11 @@ export function createRspackVueApp(esmx, vueType, options) {
       }
       const vueRuleUse = [
         {
-          loader: new URL(import.meta.resolve(`vue${vueType}-loader`)).pathname,
+          loader: fileURLToPath(
+            import.meta.resolve(
+              `vue-loader-v${vueType === "2" ? "15" : "17"}`
+            )
+          ),
           options: {
             ...options?.vueLoader,
             experimentalInlineMatchResource: true,

package/dist/vue2-loader.mjs

@@ -1,3 +1,4 @@
+import { fileURLToPath } from "node:url";
 const FIX_ESM = `api.install(require('vue').default)`;
 const ADD_IMPORT = `
 function initImport () {
@@ -19,4 +20,4 @@ export default function(text) {
   }
   return text;
 }
-export const vue2Loader = new URL(import.meta.resolve(import.meta.url)).pathname;
+export const vue2Loader = fileURLToPath(import.meta.resolve(import.meta.url));

package/dist/vue3-loader.mjs

@@ -1,3 +1,4 @@
+import { fileURLToPath } from "node:url";
 const ADD_IMPORT = `
 import { useSSRContext } from 'vue';
 function initImport () {
@@ -16,4 +17,4 @@ initImport();
 export default function(text) {
   return text + ADD_IMPORT;
 }
-export const vue3Loader = new URL(import.meta.resolve(import.meta.url)).pathname;
+export const vue3Loader = fileURLToPath(import.meta.resolve(import.meta.url));

package/package.json

@@ -56,15 +56,15 @@
         "vue": ">=2.7.8 || >=3.0.0"
     },
     "dependencies": {
-        "@esmx/rspack": "3.0.0-rc.35",
-        "vue-style-loader": "^4.1.3",
-        "vue2-loader": "npm:vue-loader@15.11.1",
-        "vue3-loader": "npm:vue-loader@^17.4.2"
+        "@esmx/rspack": "3.0.0-rc.37",
+        "vue-loader-v15": "npm:vue-loader@15.11.1",
+        "vue-loader-v17": "npm:vue-loader@^17.4.2",
+        "vue-style-loader": "^4.1.3"
     },
     "devDependencies": {
         "@biomejs/biome": "1.9.4",
-        "@esmx/core": "3.0.0-rc.35",
-        "@esmx/lint": "3.0.0-rc.35",
+        "@esmx/core": "3.0.0-rc.37",
+        "@esmx/lint": "3.0.0-rc.37",
         "@types/node": "^24.0.0",
         "@vitest/coverage-v8": "3.2.4",
         "stylelint": "16.21.0",
@@ -72,7 +72,7 @@
         "unbuild": "3.5.0",
         "vitest": "3.2.4"
     },
-    "version": "3.0.0-rc.35",
+    "version": "3.0.0-rc.37",
     "type": "module",
     "private": false,
     "exports": {
@@ -91,5 +91,5 @@
         "template",
         "public"
     ],
-    "gitHead": "88f710dfd3a54943e0c893af7daf2f42f83e08e6"
+    "gitHead": "ca2747fe29a9a48b942dfd9bf5a99742211afd3f"
 }

package/src/vue-core.ts

@@ -1,7 +1,8 @@
+import { fileURLToPath } from 'node:url';
 import type { Esmx } from '@esmx/core';
 import { createRspackHtmlApp, rspack } from '@esmx/rspack';
-import { VueLoaderPlugin as VueLoader2Plugin } from 'vue2-loader';
-import { VueLoaderPlugin as VueLoader3Plugin } from 'vue3-loader';
+import { VueLoaderPlugin as VueLoader2Plugin } from 'vue-loader-v15';
+import { VueLoaderPlugin as VueLoader3Plugin } from 'vue-loader-v17';
 import type { RspackVueAppOptions } from './vue';
 import { vue2Loader } from './vue2-loader';
 import { vue3Loader } from './vue3-loader';
@@ -16,8 +17,7 @@ export function createRspackVueApp(
     return createRspackHtmlApp(esmx, {
         ...options,
         loaders: {
-            styleLoader: new URL(import.meta.resolve('vue-style-loader'))
-                .pathname,
+            styleLoader: fileURLToPath(import.meta.resolve('vue-style-loader')),
             ...options?.loaders
         },
         config(context) {
@@ -48,8 +48,11 @@ export function createRspackVueApp(
             // 设置 vue-loader
             const vueRuleUse: rspack.RuleSetUse = [
                 {
-                    loader: new URL(import.meta.resolve(`vue${vueType}-loader`))
-                        .pathname,
+                    loader: fileURLToPath(
+                        import.meta.resolve(
+                            `vue-loader-v${vueType === '2' ? '15' : '17'}`
+                        )
+                    ),
                     options: {
                         ...options?.vueLoader,
                         experimentalInlineMatchResource: true,

package/src/vue2-loader.ts

@@ -1,3 +1,4 @@
+import { fileURLToPath } from 'node:url';
 import type { rspack } from '@esmx/rspack';
 const FIX_ESM = `api.install(require('vue').default)`;
 const ADD_IMPORT = `
@@ -24,5 +25,4 @@ export default function (this: rspack.LoaderContext, text: string) {
     return text;
 }
 
-export const vue2Loader = new URL(import.meta.resolve(import.meta.url))
-    .pathname;
+export const vue2Loader = fileURLToPath(import.meta.resolve(import.meta.url));

package/src/vue3-loader.ts

@@ -1,3 +1,4 @@
+import { fileURLToPath } from 'node:url';
 import type { rspack } from '@esmx/rspack';
 
 const ADD_IMPORT = `
@@ -20,5 +21,4 @@ export default function (this: rspack.LoaderContext, text: string) {
     return text + ADD_IMPORT;
 }
 
-export const vue3Loader = new URL(import.meta.resolve(import.meta.url))
-    .pathname;
+export const vue3Loader = fileURLToPath(import.meta.resolve(import.meta.url));