feat: migrate from vue-loader to rspack-vue-loader

Author: chenjiahan

.github/renovate.json5

@@ -48,8 +48,6 @@
     },
   ],
   ignoreDeps: [
-    "vue",
-    "vue-loader",
     "globby",
     "open",
     "strip-ansi",

pnpm-lock.yaml

@@ -1,2 +1,3 @@
 # Shared Library Package
-This is used to demonstrate monorepo usage
+
+This is used to demonstrate monorepo usage.

rspack/common-libs/README.md

@@ -1,3 +1,5 @@
 import { tab } from '@components/tab';
+
 console.log('button', tab);
+
 export * from '@components/tab';

rspack/common-libs/lib1/src/index.ts

@@ -1,3 +1,5 @@
 import { button } from '@components/button';
+
 console.log('button', button);
+
 export * from '@components/button';

rspack/common-libs/lib2/src/index.ts

@@ -14,6 +14,6 @@
     "@rspack/core": "1.7.5",
     "html-webpack-plugin": "5.6.6",
     "unplugin-auto-import": "^21.0.0",
-    "vue-loader": "^17.4.2"
+    "rspack-vue-loader": "^17.5.0"
   }
 }

rspack/unplugin-auto-import/package.json

@@ -1,7 +1,7 @@
 import { defineConfig } from '@rspack/cli';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
+import { VueLoaderPlugin } from 'rspack-vue-loader';
 import AutoImport from 'unplugin-auto-import/rspack';
-import { VueLoaderPlugin } from 'vue-loader';
 
 export default defineConfig({
   plugins: [
@@ -22,7 +22,7 @@ export default defineConfig({
     rules: [
       {
         test: /\.vue$/,
-        loader: 'vue-loader',
+        loader: 'rspack-vue-loader',
         options: {
           experimentalInlineMatchResource: true,
         },

rspack/unplugin-auto-import/rspack.config.js

@@ -18,6 +18,6 @@
     "@vue/babel-plugin-jsx": "2.0.1",
     "babel-loader": "10.0.0",
     "typescript": "^5.9.3",
-    "vue-loader": "^17.2.2"
+    "rspack-vue-loader": "^17.5.0"
   }
 }

rspack/vue-tsx/package.json

@@ -1,5 +1,5 @@
 const { rspack } = require('@rspack/core');
-const { VueLoaderPlugin } = require('vue-loader');
+const { VueLoaderPlugin } = require('rspack-vue-loader');
 
 /** @type {import('@rspack/cli').Configuration} */
 const config = {
@@ -17,7 +17,7 @@ const config = {
     rules: [
       {
         test: /\.vue$/,
-        loader: 'vue-loader',
+        loader: 'rspack-vue-loader',
         options: {
           experimentalInlineMatchResource: true,
         },

rspack/vue-tsx/rspack.config.js

@@ -18,6 +18,6 @@
     "less": "4.5.1",
     "less-loader": "^12.3.0",
     "style-loader": "^4.0.0",
-    "vue-loader": "^17.2.2"
+    "rspack-vue-loader": "^17.5.0"
   }
 }