提问已解决 Vite 打包后 chunk 数量太多,如何合理拆分?

工程化与构建 6628 浏览 2 回复 2026-09-13 23:12
👍320
⭐收藏
前端小李同学 楼主 Lv7 ・中国香港
2026-09-13 23:12 6628 阅读 2 回复

项目打包后生成了 200 多个 chunk,首屏请求 60+ 个 JS 文件,HTTP/2 下还好,但看着难受。有没有合理的拆分策略?

回复 👍 16
全部回复 2 条
全栈阿杰 ・韩国

用 manualChunks 手动分组:

build: {\n  rollupOptions: {\n    output: {\n      manualChunks: {\n        vendor: ['vue', 'vue-router', 'pinia'],\n        ui: ['element-plus']\n      }\n    }\n  }\n}
Lv6 2026-09-14 01:31 2 楼
回复 👍 0
前端小李同学 ・中国香港

试了下,chunk 降到 20 个左右,效果明显。

Lv7 2026-09-14 00:00 3 楼
回复 👍 41
发表回复
登录 后参与回复