修改打包目录

vite.config.js

@@ -1,18 +1,34 @@
 import { fileURLToPath, URL } from 'node:url'
-
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
 // https://vite.dev/config/
-export default defineConfig({
-  plugins: [
-    vue(),
-    vueDevTools(),
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+export default defineConfig(({ mode, command }) => {
+  // 根据模式设置不同的输出目录
+  const outDirMap = {
+    development: 'dist-test',    // 测试环境
+    product: 'dist-prod'         // 生产环境
+  }
+
+  return {
+    plugins: [
+      vue(),
+      vueDevTools(),
+    ],
+    resolve: {
+      alias: {
+        '@': fileURLToPath(new URL('./src', import.meta.url))
+      },
+    },
+    build: {
+      // 根据模式设置不同的输出目录
+      outDir: outDirMap[mode] || 'dist',
     },
-  },
-})
+    // 开发服务器配置
+    server: {
+      port: 5173,
+      open: true
+    }
+  }
+})