fix(frontend): 修复 manualChunks 循环依赖导致生产白屏
仅拆分 codemirror/xterm/icons 独立库,避免 vendor-charts 与 vendor-react 循环引用。
This commit is contained in:
1 parent
d0cf71b05a
commit
bdf1f41464
219 files changed
+357
-414
No files matched your search
@@ -16,18 +16,11 @@ export default defineConfig({
|
||||
build: {
|
||||
rollupOptions: {
|
||||
output: {
|
||||
// 按 vendor 拆包,减小 embed 主包体积 // Logan.Li
|
||||
// 仅拆独立大库,React 生态交给 Vite 自动分包,避免循环依赖白屏 // Logan.Li
|
||||
manualChunks(id) {
|
||||
if (!id.includes("node_modules")) return
|
||||
// recharts 须在 react 之前匹配,避免 vendor 循环依赖 // Logan.Li
|
||||
if (id.includes("recharts") || id.includes("/d3-")) return "vendor-charts"
|
||||
if (id.includes("react-dom") || id.includes("react-router") || /[/\\]react[/\\]/.test(id)) {
|
||||
return "vendor-react"
|
||||
}
|
||||
if (id.includes("@codemirror") || id.includes("@uiw/react-codemirror")) return "vendor-codemirror"
|
||||
if (id.includes("xterm")) return "vendor-xterm"
|
||||
if (id.includes("@radix-ui")) return "vendor-radix"
|
||||
if (id.includes("@tanstack")) return "vendor-query"
|
||||
if (id.includes("lucide-react")) return "vendor-icons"
|
||||
},
|
||||
},
|
||||
|
||||
Reference in new issue
Block a user