@esmx/rspack-vue 3.0.0-rc.47 → 3.0.0-rc.49

package/dist/index.d.ts

@@ -1,2 +1,3 @@
+export type { RspackVueAppOptions } from './vue';
+export { createRspackVue2App, createRspackVue3App } from './vue';
 export * from '@esmx/rspack';
-export * from './vue';

package/dist/index.mjs

@@ -1,2 +1,2 @@
+export { createRspackVue2App, createRspackVue3App } from "./vue.mjs";
 export * from "@esmx/rspack";
-export * from "./vue.mjs";

package/dist/loaders/index.d.ts

@@ -0,0 +1,3 @@
+export { vue2DevHmrLoader } from './vue2-dev-hmr';
+export { vue2ServerRenderLoader } from './vue2-server-render';
+export { vue3ServerRenderLoader } from './vue3-server-render';

package/dist/loaders/index.mjs

@@ -0,0 +1,3 @@
+export { vue2DevHmrLoader } from "./vue2-dev-hmr.mjs";
+export { vue2ServerRenderLoader } from "./vue2-server-render.mjs";
+export { vue3ServerRenderLoader } from "./vue3-server-render.mjs";

package/dist/{vue2-loader.d.ts → loaders/vue2-dev-hmr.d.ts}

@@ -1,3 +1,3 @@
 import type { rspack } from '@esmx/rspack';
-export default function (this: rspack.LoaderContext, text: string): string;
-export declare const vue2Loader: string;
+export default function (this: rspack.LoaderContext, text: string): any;
+export declare const vue2DevHmrLoader: string;

package/dist/loaders/vue2-dev-hmr.mjs

@@ -0,0 +1,8 @@
+import { fileURLToPath } from "node:url";
+const FIX_ESM = `api.install(require('vue').default)`;
+export default function(text) {
+  return text.replaceAll(`api.install(require('vue'))`, FIX_ESM);
+}
+export const vue2DevHmrLoader = fileURLToPath(
+  import.meta.resolve(import.meta.url)
+);

package/dist/loaders/vue2-server-render.d.ts

@@ -0,0 +1,3 @@
+import type { rspack } from '@esmx/rspack';
+export default function (this: rspack.LoaderContext, text: string): any;
+export declare const vue2ServerRenderLoader: string;

package/dist/{vue2-loader.mjs → loaders/vue2-server-render.mjs}

@@ -1,5 +1,4 @@
 import { fileURLToPath } from "node:url";
-const FIX_ESM = `api.install(require('vue').default)`;
 const ADD_IMPORT = `
 function initImport () {
     const mixins = Array.isArray(component.options.mixins) ? component.options.mixins : [];
@@ -14,10 +13,8 @@ initImport();
 export default component.exports
 `;
 export default function(text) {
-  text = text.replaceAll(`api.install(require('vue'))`, FIX_ESM);
-  if (typeof this.target === "string" && this.target.includes("node")) {
-    text = text.replaceAll("export default component.exports", ADD_IMPORT);
-  }
-  return text;
+  return text.replaceAll("export default component.exports", ADD_IMPORT);
 }
-export const vue2Loader = fileURLToPath(import.meta.resolve(import.meta.url));
+export const vue2ServerRenderLoader = fileURLToPath(
+  import.meta.resolve(import.meta.url)
+);

package/dist/{vue3-loader.d.ts → loaders/vue3-server-render.d.ts}

@@ -1,3 +1,3 @@
 import type { rspack } from '@esmx/rspack';
 export default function (this: rspack.LoaderContext, text: string): string;
-export declare const vue3Loader: string;
+export declare const vue3ServerRenderLoader: string;

package/dist/{vue3-loader.mjs → loaders/vue3-server-render.mjs}

@@ -2,7 +2,6 @@ import { fileURLToPath } from "node:url";
 const ADD_IMPORT = `
 import { useSSRContext } from 'vue';
 function initImport () {
-
     const mixins = Array.isArray(__exports__.mixins) ? __exports__.mixins : [];
     mixins.push({
         created () {
@@ -17,4 +16,6 @@ initImport();
 export default function(text) {
   return text + ADD_IMPORT;
 }
-export const vue3Loader = fileURLToPath(import.meta.resolve(import.meta.url));
+export const vue3ServerRenderLoader = fileURLToPath(
+  import.meta.resolve(import.meta.url)
+);

package/dist/vue-app.mjs

@@ -0,0 +1,93 @@
+import { fileURLToPath } from "node:url";
+import { createRspackHtmlApp, rspack } from "@esmx/rspack";
+import { VueLoaderPlugin as VueLoader2Plugin } from "vue-loader-v15";
+import { VueLoaderPlugin as VueLoader3Plugin } from "vue-loader-v17";
+import {
+  vue2DevHmrLoader,
+  vue2ServerRenderLoader,
+  vue3ServerRenderLoader
+} from "./loaders/index.mjs";
+export function createRspackVueApp(esmx, vueType, options) {
+  return createRspackHtmlApp(esmx, {
+    ...options,
+    loaders: {
+      styleLoader: fileURLToPath(import.meta.resolve("vue-style-loader")),
+      ...options?.loaders
+    },
+    chain(context) {
+      const { chain, buildTarget, esmx: esmx2 } = context;
+      const defineVue = ({
+        vue2,
+        vue3
+      }) => {
+        if (vueType === "2") {
+          return vue2();
+        } else {
+          return vue3();
+        }
+      };
+      chain.resolve.extensions.add(".vue");
+      defineVue({
+        vue2: () => {
+          chain.plugin("vue-loader").use(VueLoader2Plugin);
+        },
+        vue3: () => {
+          chain.plugin("vue-loader").use(VueLoader3Plugin);
+        }
+      });
+      const vueLoader = fileURLToPath(
+        defineVue({
+          vue2: () => import.meta.resolve("vue-loader-v15"),
+          vue3: () => import.meta.resolve("vue-loader-v17")
+        })
+      );
+      const vueRule = chain.module.rule("vue").test(/\.vue$/);
+      vueRule.use("vue-loader").loader(vueLoader).options({
+        ...options?.vueLoader,
+        experimentalInlineMatchResource: true,
+        optimizeSSR: buildTarget === "server"
+      });
+      if (buildTarget === "server") {
+        defineVue({
+          vue2: () => {
+            vueRule.use("vue-server-render-loader").loader(vue2ServerRenderLoader).before("vue-loader");
+          },
+          vue3: () => {
+            vueRule.use("vue-server-render-loader").loader(vue3ServerRenderLoader).before("vue-loader");
+          }
+        });
+      }
+      defineVue({
+        vue2: () => {
+          if (esmx2.command === esmx2.COMMAND.dev && buildTarget === "client") {
+            vueRule.use("vue2-dev-hmr-loader").loader(vue2DevHmrLoader).before("vue-loader");
+          }
+        },
+        vue3: () => {
+        }
+      });
+      defineVue({
+        vue2: () => {
+          chain.resolve.alias.set(
+            "vue$",
+            "vue/dist/vue.runtime.esm.js"
+          );
+        },
+        vue3: () => {
+          chain.resolve.alias.set(
+            "vue$",
+            esmx2.isProd ? "vue/dist/vue.runtime.esm-browser.prod.js" : "vue/dist/vue.runtime.esm-browser.js"
+          );
+        }
+      });
+      if (buildTarget === "client") {
+        chain.plugin("define-vue-env").use(rspack.DefinePlugin, [
+          {
+            "process.env.VUE_ENV": JSON.stringify(buildTarget)
+          }
+        ]);
+      }
+      options?.chain?.(context);
+    }
+  });
+}

package/dist/vue.d.ts

@@ -1,61 +1,7 @@
 import type { Esmx } from '@esmx/core';
 import type { RspackHtmlAppOptions } from '@esmx/rspack';
 export interface RspackVueAppOptions extends RspackHtmlAppOptions {
-    /**
-     * vue-loader 配置项
-     *
-     * 用于配置 Vue 单文件组件的编译选项，完整选项参考:
-     * https://github.com/vuejs/vue-loader
-     */
     vueLoader?: Record<string, any>;
 }
-/**
- * 创建 Vue 2 应用构建器
- *
- * @param esmx - Esmx 实例
- * @param options - Rspack Vue 应用配置项
- * @returns 返回一个 Promise，解析为构建好的应用实例
- *
- * @example
- * ```ts
- * import type { EsmxOptions } from '@esmx/core';
- *
- * export default {
- *   async devApp(esmx) {
- *     return import('@esmx/rspack-vue').then((m) =>
- *       m.createRspackVue2App(esmx, {
- *         config({ config }) {
- *           // 自定义 Rspack 配置
- *         }
- *       })
- *     );
- *   }
- * } satisfies EsmxOptions;
- * ```
- */
 export declare function createRspackVue2App(esmx: Esmx, options?: RspackVueAppOptions): Promise<import("@esmx/core").App>;
-/**
- * 创建 Vue 3 应用构建器
- *
- * @param esmx - Esmx 实例
- * @param options - Rspack Vue 应用配置项
- * @returns 返回一个 Promise，解析为构建好的应用实例
- *
- * @example
- * ```ts
- * import type { EsmxOptions } from '@esmx/core';
- *
- * export default {
- *   async devApp(esmx) {
- *     return import('@esmx/rspack-vue').then((m) =>
- *       m.createRspackVue3App(esmx, {
- *         config({ config }) {
- *           // 自定义 Rspack 配置
- *         }
- *       })
- *     );
- *   }
- * } satisfies EsmxOptions;
- * ```
- */
 export declare function createRspackVue3App(esmx: Esmx, options?: RspackVueAppOptions): Promise<import("@esmx/core").App>;

package/dist/vue.mjs

@@ -1,4 +1,4 @@
-import { createRspackVueApp } from "./vue-core.mjs";
+import { createRspackVueApp } from "./vue-app.mjs";
 export function createRspackVue2App(esmx, options) {
   return createRspackVueApp(esmx, "2", options);
 }

package/package.json

@@ -56,15 +56,15 @@
         "vue": ">=2.7.8 || >=3.0.0"
     },
     "dependencies": {
-        "@esmx/rspack": "3.0.0-rc.47",
+        "@esmx/rspack": "3.0.0-rc.49",
         "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.47",
-        "@esmx/lint": "3.0.0-rc.47",
+        "@esmx/core": "3.0.0-rc.49",
+        "@esmx/lint": "3.0.0-rc.49",
         "@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.47",
+    "version": "3.0.0-rc.49",
     "type": "module",
     "private": false,
     "exports": {
@@ -91,5 +91,5 @@
         "template",
         "public"
     ],
-    "gitHead": "3e55424b9029d259537a802032f3a1f54b6fb1e8"
+    "gitHead": "640eb582ee922d64bf47ed38bb8d6ce9cb2369e4"
 }

package/src/index.ts

@@ -1,2 +1,4 @@
+export type { RspackVueAppOptions } from './vue';
+export { createRspackVue2App, createRspackVue3App } from './vue';
+
 export * from '@esmx/rspack';
-export * from './vue';

package/src/loaders/index.ts

@@ -0,0 +1,3 @@
+export { vue2DevHmrLoader } from './vue2-dev-hmr';
+export { vue2ServerRenderLoader } from './vue2-server-render';
+export { vue3ServerRenderLoader } from './vue3-server-render';

package/src/loaders/vue2-dev-hmr.ts

@@ -0,0 +1,12 @@
+import { fileURLToPath } from 'node:url';
+import type { rspack } from '@esmx/rspack';
+
+const FIX_ESM = `api.install(require('vue').default)`;
+
+export default function (this: rspack.LoaderContext, text: string) {
+    return text.replaceAll(`api.install(require('vue'))`, FIX_ESM);
+}
+
+export const vue2DevHmrLoader = fileURLToPath(
+    import.meta.resolve(import.meta.url)
+);

package/src/{vue2-loader.ts → loaders/vue2-server-render.ts}

@@ -1,6 +1,6 @@
 import { fileURLToPath } from 'node:url';
 import type { rspack } from '@esmx/rspack';
-const FIX_ESM = `api.install(require('vue').default)`;
+
 const ADD_IMPORT = `
 function initImport () {
     const mixins = Array.isArray(component.options.mixins) ? component.options.mixins : [];
@@ -16,13 +16,9 @@ export default component.exports
 `;
 
 export default function (this: rspack.LoaderContext, text: string) {
-    // 修复不支持热更新的 BUG
-    text = text.replaceAll(`api.install(require('vue'))`, FIX_ESM);
-    // 添加 CSS 依赖收集
-    if (typeof this.target === 'string' && this.target.includes('node')) {
-        text = text.replaceAll('export default component.exports', ADD_IMPORT);
-    }
-    return text;
+    return text.replaceAll('export default component.exports', ADD_IMPORT);
 }
 
-export const vue2Loader = fileURLToPath(import.meta.resolve(import.meta.url));
+export const vue2ServerRenderLoader = fileURLToPath(
+    import.meta.resolve(import.meta.url)
+);

package/src/{vue3-loader.ts → loaders/vue3-server-render.ts}

@@ -4,7 +4,6 @@ import type { rspack } from '@esmx/rspack';
 const ADD_IMPORT = `
 import { useSSRContext } from 'vue';
 function initImport () {
-
     const mixins = Array.isArray(__exports__.mixins) ? __exports__.mixins : [];
     mixins.push({
         created () {
@@ -21,4 +20,6 @@ export default function (this: rspack.LoaderContext, text: string) {
     return text + ADD_IMPORT;
 }
 
-export const vue3Loader = fileURLToPath(import.meta.resolve(import.meta.url));
+export const vue3ServerRenderLoader = fileURLToPath(
+    import.meta.resolve(import.meta.url)
+);

package/src/vue-app.ts

@@ -0,0 +1,128 @@
+import { fileURLToPath } from 'node:url';
+import type { Esmx } from '@esmx/core';
+import { createRspackHtmlApp, rspack } from '@esmx/rspack';
+import { VueLoaderPlugin as VueLoader2Plugin } from 'vue-loader-v15';
+import { VueLoaderPlugin as VueLoader3Plugin } from 'vue-loader-v17';
+import {
+    vue2DevHmrLoader,
+    vue2ServerRenderLoader,
+    vue3ServerRenderLoader
+} from './loaders';
+import type { RspackVueAppOptions } from './vue';
+
+type VueType = '2' | '3';
+
+export function createRspackVueApp(
+    esmx: Esmx,
+    vueType: VueType,
+    options?: RspackVueAppOptions
+) {
+    return createRspackHtmlApp(esmx, {
+        ...options,
+        loaders: {
+            styleLoader: fileURLToPath(import.meta.resolve('vue-style-loader')),
+            ...options?.loaders
+        },
+        chain(context) {
+            const { chain, buildTarget, esmx } = context;
+            const defineVue = <T>({
+                vue2,
+                vue3
+            }: { vue2: () => T; vue3: () => T }) => {
+                if (vueType === '2') {
+                    return vue2();
+                } else {
+                    return vue3();
+                }
+            };
+
+            chain.resolve.extensions.add('.vue');
+
+            defineVue({
+                vue2: () => {
+                    chain.plugin('vue-loader').use(VueLoader2Plugin);
+                },
+                vue3: () => {
+                    chain.plugin('vue-loader').use(VueLoader3Plugin);
+                }
+            });
+
+            const vueLoader = fileURLToPath(
+                defineVue({
+                    vue2: () => import.meta.resolve('vue-loader-v15'),
+                    vue3: () => import.meta.resolve('vue-loader-v17')
+                })
+            );
+
+            const vueRule = chain.module.rule('vue').test(/\.vue$/);
+
+            vueRule
+                .use('vue-loader')
+                .loader(vueLoader)
+                .options({
+                    ...options?.vueLoader,
+                    experimentalInlineMatchResource: true,
+                    optimizeSSR: buildTarget === 'server'
+                });
+
+            if (buildTarget === 'server') {
+                defineVue({
+                    vue2: () => {
+                        vueRule
+                            .use('vue-server-render-loader')
+                            .loader(vue2ServerRenderLoader)
+                            .before('vue-loader');
+                    },
+                    vue3: () => {
+                        vueRule
+                            .use('vue-server-render-loader')
+                            .loader(vue3ServerRenderLoader)
+                            .before('vue-loader');
+                    }
+                });
+            }
+
+            defineVue({
+                vue2: () => {
+                    if (
+                        esmx.command === esmx.COMMAND.dev &&
+                        buildTarget === 'client'
+                    ) {
+                        vueRule
+                            .use('vue2-dev-hmr-loader')
+                            .loader(vue2DevHmrLoader)
+                            .before('vue-loader');
+                    }
+                },
+                vue3: () => {}
+            });
+
+            defineVue({
+                vue2: () => {
+                    chain.resolve.alias.set(
+                        'vue$',
+                        'vue/dist/vue.runtime.esm.js'
+                    );
+                },
+                vue3: () => {
+                    chain.resolve.alias.set(
+                        'vue$',
+                        esmx.isProd
+                            ? 'vue/dist/vue.runtime.esm-browser.prod.js'
+                            : 'vue/dist/vue.runtime.esm-browser.js'
+                    );
+                }
+            });
+
+            if (buildTarget === 'client') {
+                chain.plugin('define-vue-env').use(rspack.DefinePlugin, [
+                    {
+                        'process.env.VUE_ENV': JSON.stringify(buildTarget)
+                    }
+                ]);
+            }
+
+            options?.chain?.(context);
+        }
+    });
+}

package/src/vue.ts

@@ -1,69 +1,15 @@
 import type { Esmx } from '@esmx/core';
 import type { RspackHtmlAppOptions } from '@esmx/rspack';
-import { createRspackVueApp } from './vue-core';
+import { createRspackVueApp } from './vue-app';
 
 export interface RspackVueAppOptions extends RspackHtmlAppOptions {
-    /**
-     * vue-loader 配置项
-     *
-     * 用于配置 Vue 单文件组件的编译选项，完整选项参考:
-     * https://github.com/vuejs/vue-loader
-     */
     vueLoader?: Record<string, any>;
 }
 
-/**
- * 创建 Vue 2 应用构建器
- *
- * @param esmx - Esmx 实例
- * @param options - Rspack Vue 应用配置项
- * @returns 返回一个 Promise，解析为构建好的应用实例
- *
- * @example
- * ```ts
- * import type { EsmxOptions } from '@esmx/core';
- *
- * export default {
- *   async devApp(esmx) {
- *     return import('@esmx/rspack-vue').then((m) =>
- *       m.createRspackVue2App(esmx, {
- *         config({ config }) {
- *           // 自定义 Rspack 配置
- *         }
- *       })
- *     );
- *   }
- * } satisfies EsmxOptions;
- * ```
- */
 export function createRspackVue2App(esmx: Esmx, options?: RspackVueAppOptions) {
     return createRspackVueApp(esmx, '2', options);
 }
 
-/**
- * 创建 Vue 3 应用构建器
- *
- * @param esmx - Esmx 实例
- * @param options - Rspack Vue 应用配置项
- * @returns 返回一个 Promise，解析为构建好的应用实例
- *
- * @example
- * ```ts
- * import type { EsmxOptions } from '@esmx/core';
- *
- * export default {
- *   async devApp(esmx) {
- *     return import('@esmx/rspack-vue').then((m) =>
- *       m.createRspackVue3App(esmx, {
- *         config({ config }) {
- *           // 自定义 Rspack 配置
- *         }
- *       })
- *     );
- *   }
- * } satisfies EsmxOptions;
- * ```
- */
 export function createRspackVue3App(esmx: Esmx, options?: RspackVueAppOptions) {
     return createRspackVueApp(esmx, '3', options);
 }

package/dist/vue-core.mjs

@@ -1,86 +0,0 @@
-import { fileURLToPath } from "node:url";
-import { createRspackHtmlApp, rspack } from "@esmx/rspack";
-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: fileURLToPath(import.meta.resolve("vue-style-loader")),
-      ...options?.loaders
-    },
-    config(context) {
-      const { config, buildTarget } = context;
-      config.resolve = {
-        ...config.resolve,
-        extensions: [...config.resolve?.extensions ?? [], ".vue"]
-      };
-      config.plugins = config.plugins || [];
-      switch (vueType) {
-        case "2":
-          config.plugins.push(new VueLoader2Plugin());
-          break;
-        case "3":
-          config.plugins.push(new VueLoader3Plugin());
-          break;
-      }
-      if (buildTarget === "client") {
-        config.plugins.push(
-          new rspack.DefinePlugin({
-            "process.env.VUE_ENV": JSON.stringify(buildTarget)
-          })
-        );
-      }
-      const vueRuleUse = [
-        {
-          loader: fileURLToPath(
-            import.meta.resolve(
-              `vue-loader-v${vueType === "2" ? "15" : "17"}`
-            )
-          ),
-          options: {
-            ...options?.vueLoader,
-            experimentalInlineMatchResource: true,
-            optimizeSSR: buildTarget === "server"
-          }
-        }
-      ];
-      switch (vueType) {
-        case "2":
-          vueRuleUse.unshift(vue2Loader);
-          break;
-        case "3":
-          vueRuleUse.unshift(vue3Loader);
-          break;
-      }
-      config.module = {
-        ...config.module,
-        rules: [
-          ...config.module?.rules ?? [],
-          {
-            test: /\.vue$/,
-            use: vueRuleUse
-          }
-        ]
-      };
-      let vueAlias = null;
-      switch (vueType) {
-        case "2":
-          vueAlias = "vue/dist/vue.esm.js";
-          break;
-        case "3":
-          vueAlias = "vue/dist/vue.runtime.esm-browser.js";
-          break;
-      }
-      if (vueAlias) {
-        config.resolve.alias = {
-          ...config.resolve.alias,
-          vue$: vueAlias
-        };
-      }
-      options?.config?.(context);
-    }
-  });
-}

package/src/vue-core.ts

@@ -1,101 +0,0 @@
-import { fileURLToPath } from 'node:url';
-import type { Esmx } from '@esmx/core';
-import { createRspackHtmlApp, rspack } from '@esmx/rspack';
-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';
-
-type VueType = '2' | '3';
-
-export function createRspackVueApp(
-    esmx: Esmx,
-    vueType: VueType,
-    options?: RspackVueAppOptions
-) {
-    return createRspackHtmlApp(esmx, {
-        ...options,
-        loaders: {
-            styleLoader: fileURLToPath(import.meta.resolve('vue-style-loader')),
-            ...options?.loaders
-        },
-        config(context) {
-            const { config, buildTarget } = context;
-            // 支持 Vue 拓展名
-            config.resolve = {
-                ...config.resolve,
-                extensions: [...(config.resolve?.extensions ?? []), '.vue']
-            };
-            config.plugins = config.plugins || [];
-            switch (vueType) {
-                case '2':
-                    // @ts-ignore
-                    config.plugins.push(new VueLoader2Plugin());
-                    break;
-                case '3':
-                    config.plugins.push(new VueLoader3Plugin());
-                    break;
-            }
-            // 设置 Vue 相关的环境变量
-            if (buildTarget === 'client') {
-                config.plugins.push(
-                    new rspack.DefinePlugin({
-                        'process.env.VUE_ENV': JSON.stringify(buildTarget)
-                    })
-                );
-            }
-            // 设置 vue-loader
-            const vueRuleUse: rspack.RuleSetUse = [
-                {
-                    loader: fileURLToPath(
-                        import.meta.resolve(
-                            `vue-loader-v${vueType === '2' ? '15' : '17'}`
-                        )
-                    ),
-                    options: {
-                        ...options?.vueLoader,
-                        experimentalInlineMatchResource: true,
-                        optimizeSSR: buildTarget === 'server'
-                    }
-                }
-            ];
-            switch (vueType) {
-                case '2':
-                    vueRuleUse.unshift(vue2Loader);
-                    break;
-                case '3':
-                    vueRuleUse.unshift(vue3Loader);
-                    break;
-            }
-            config.module = {
-                ...config.module,
-                rules: [
-                    ...(config.module?.rules ?? []),
-                    {
-                        test: /\.vue$/,
-                        use: vueRuleUse
-                    }
-                ]
-            };
-            // 设置 vue 别名
-            let vueAlias: string | null = null;
-            switch (vueType) {
-                case '2':
-                    vueAlias = 'vue/dist/vue.esm.js';
-                    break;
-                case '3':
-                    vueAlias = 'vue/dist/vue.runtime.esm-browser.js';
-                    break;
-            }
-            if (vueAlias) {
-                config.resolve!.alias = {
-                    ...config.resolve!.alias!,
-                    vue$: vueAlias
-                };
-            }
-            // 设置自定义配置
-            options?.config?.(context);
-        }
-    });
-}