Files
aiops/frontend/vite.config.ts
T
Logan.Li bdf1f41464 fix(frontend): 修复 manualChunks 循环依赖导致生产白屏
仅拆分 codemirror/xterm/icons 独立库,避免 vendor-charts 与 vendor-react 循环引用。
2026-06-26 14:03:51 +08:00

54 lines
1.4 KiB
TypeScript

import path from "path"
import react from "@vitejs/plugin-react"
import { defineConfig } from "vite"
import { inspectAttr } from 'kimi-plugin-inspect-react'
// https://vite.dev/config/
export default defineConfig({
// 必须用绝对路径,否则 /audit/terminal 等深链会解析成 /audit/assets/... 导致白屏 // Logan.Li
base: '/',
plugins: [inspectAttr(), react()],
resolve: {
alias: {
"@": path.resolve(__dirname, "./src"),
},
},
build: {
rollupOptions: {
output: {
// 仅拆独立大库,React 生态交给 Vite 自动分包,避免循环依赖白屏 // Logan.Li
manualChunks(id) {
if (!id.includes("node_modules")) return
if (id.includes("@codemirror") || id.includes("@uiw/react-codemirror")) return "vendor-codemirror"
if (id.includes("xterm")) return "vendor-xterm"
if (id.includes("lucide-react")) return "vendor-icons"
},
},
},
chunkSizeWarningLimit: 600,
},
server: {
port: 5173,
host: true,
proxy: {
"/api": {
target: "http://localhost:8080",
changeOrigin: true,
},
"/ws": {
target: "http://localhost:8080",
ws: true,
changeOrigin: true,
},
"/health": {
target: "http://localhost:8080",
changeOrigin: true,
},
"/version": {
target: "http://localhost:8080",
changeOrigin: true,
},
},
},
})