init push

web/admin/vite.config.ts

@@ -0,0 +1,129 @@
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import { visualizer } from 'rollup-plugin-visualizer';
+import { defineConfig, loadEnv, Plugin } from 'vite';
+import { execSync } from 'child_process';
+
+// 创建路由生成插件
+function generateRoutesPlugin(): Plugin {
+  return {
+    name: 'generate-routes',
+    buildStart() {
+      // 构建开始时生成路由
+      try {
+        execSync('node scripts/generate-routes.js', { stdio: 'inherit' });
+      } catch (error) {
+        console.error('生成路由失败:', error);
+      }
+    },
+    handleHotUpdate({ file, server }) {
+      // 开发模式下监听路由文件变化
+      const routerPath = path.resolve(__dirname, 'src/router.tsx');
+      if (file === routerPath) {
+        console.log('🔄 检测到路由文件变化，正在更新路由列表...');
+        try {
+          execSync('node scripts/generate-routes.js', { stdio: 'inherit' });
+          // 触发 HMR 更新 index.html
+          server.ws.send({
+            type: 'update',
+            updates: [
+              {
+                type: 'js-update',
+                path: '/index.html',
+                acceptedPath: '/index.html',
+                timestamp: Date.now(),
+              },
+            ],
+          });
+        } catch (error) {
+          console.error('❌ 更新路由列表失败:', error);
+        }
+      }
+    },
+  };
+}
+
+export default defineConfig(({ command, mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+  const shouldAnalyze =
+    process.argv.includes('--analyze') || env.ANALYZE === 'true';
+  return {
+    build: {
+      assetsDir: 'panda-wiki-admin-assets',
+      rollupOptions: {
+        output: {
+          manualChunks: {
+            'vendor-react': [
+              'react',
+              'react-dom',
+              'react-router-dom',
+              'react-redux',
+              '@reduxjs/toolkit',
+            ],
+            'vendor-mui': ['@mui/material'],
+            'vendor-echarts': ['echarts'],
+            'vendor-editor': [
+              'highlight.js',
+              'lowlight',
+              'katex',
+              'prosemirror-state',
+            ],
+            'vendor-markdown': [
+              'react-markdown',
+              'remark-gfm',
+              'remark-math',
+              'remark-breaks',
+              'rehype-katex',
+              'rehype-raw',
+              'rehype-sanitize',
+            ],
+            'vendor-yjs': ['yjs', 'y-websocket'],
+          },
+        },
+      },
+    },
+    server: {
+      proxy: {
+        '/api': {
+          target: env.TARGET,
+          secure: false,
+          changeOrigin: true,
+        },
+        '/static-file': {
+          target: env.STATIC_FILE_TARGET,
+          secure: false,
+          changeOrigin: true,
+        },
+        '/share': {
+          target: env.SHARE_TARGET,
+          secure: false,
+          changeOrigin: true,
+        },
+      },
+      host: '0.0.0.0',
+    },
+    esbuild: {
+      // 保留函数和类名，避免第三方库依赖 constructor.name 的逻辑在压缩后失效
+      keepNames: true,
+    },
+    plugins: [
+      react(),
+      generateRoutesPlugin(),
+      ...(command === 'build' && shouldAnalyze
+        ? [
+            visualizer({
+              open: true,
+              gzipSize: true,
+              brotliSize: true,
+              filename: 'dist/stats.html',
+            }),
+          ]
+        : []),
+    ],
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, 'src'),
+      },
+    },
+  };
+});