feat: 架构调整

vite.config.ts

@@ -1,15 +1,28 @@
 import { defineConfig, loadEnv } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
+import removeConsole from 'vite-plugin-remove-console';
+import strip from '@rollup/plugin-strip';
 import { resolve } from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd(), '');
+  const isProd = mode === 'production';
 
   return {
     base: env.VITE_BASE_URL || '/',
-    plugins: [vue(), vueJsx()],
+    plugins: [
+      vue(),
+      vueJsx(),
+      // 生产构建:移除 console.log / console.warn / console.error
+      isProd && removeConsole(),
+      // 生产构建:移除代码中的注释
+      isProd &&
+        strip({
+          include: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
+        }),
+    ].filter(Boolean),
     resolve: {
       alias: {
         '@': resolve(__dirname, 'src'),
@@ -27,7 +40,8 @@ export default defineConfig(({ mode }) => {
     },
     server: {
       host: '0.0.0.0',
-      port: Number(env.VITE_PORT) || 5173,
+      port: 3000,
+      strictPort: false,
       open: true,
       proxy: {
         '/api': {
@@ -40,12 +54,23 @@ export default defineConfig(({ mode }) => {
     build: {
       outDir: 'dist',
       sourcemap: mode !== 'production',
+      // 生产构建移除 console 和注释(esbuild minify 阶段)
+      minify: isProd ? 'esbuild' : false,
       chunkSizeWarningLimit: 1500,
       rollupOptions: {
         output: {
-          manualChunks: {
-            vue: ['vue', 'vue-router'],
-            antd: ['ant-design-vue'],
+          // 更细粒度的分包,确保按需加载
+          manualChunks(id) {
+            if (id.includes('node_modules')) {
+              if (id.includes('ant-design-vue') || id.includes('@ant-design')) {
+                return 'antd';
+              }
+              if (id.includes('vue') || id.includes('@vue') || id.includes('vue-router')) {
+                return 'vue-vendor';
+              }
+              // 其他第三方依赖单独打包,未使用的不会进入
+              return 'vendor';
+            }
           },
         },
       },