Initial commit

webapp/vite.config.ts

@@ -0,0 +1,65 @@
+import path from 'node:path'
+import { defineConfig } from 'vite'
+import tailwindcss from '@tailwindcss/vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [vue(), tailwindcss()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+  build: {
+    // 输出目录设置为上级目录的web文件夹
+    outDir: path.resolve(__dirname, '../web'),
+    // 允许清空项目外的输出目录
+    emptyOutDir: true,
+    // 启用代码压缩
+    minify: 'terser',
+    terserOptions: {
+      compress: {
+        // 移除console和debugger
+        drop_console: true,
+        drop_debugger: true,
+        // 移除未使用的代码
+        pure_funcs: ['console.log', 'console.info', 'console.debug'],
+      },
+      mangle: {
+        // 启用变量名混淆
+        safari10: true,
+      },
+      format: {
+        // 移除注释
+        comments: false,
+      },
+    },
+    // 代码分割配置 - 合并为尽量少的文件
+    rollupOptions: {
+      output: {
+        // 禁用代码分割，合并为单个JS文件
+        inlineDynamicImports: true,
+        // 配置输出文件名
+        entryFileNames: 'assets/js/[name]-[hash].js',
+        chunkFileNames: 'assets/js/[name]-[hash].js',
+        assetFileNames: (assetInfo) => {
+          // CSS文件
+          if (assetInfo.name?.endsWith('.css')) {
+            return 'assets/css/[name]-[hash][extname]'
+          }
+          // 图片和其他资源
+          return 'assets/[ext]/[name]-[hash][extname]'
+        },
+      },
+    },
+    // 启用CSS代码分割
+    cssCodeSplit: false,
+    // 设置chunk大小警告限制
+    chunkSizeWarningLimit: 2000,
+    // 禁用source map以减小文件大小
+    sourcemap: false,
+    // 启用gzip压缩提示
+    reportCompressedSize: true,
+  },
+})