项目打包后生成了 200 多个 chunk,首屏请求 60+ 个 JS 文件,HTTP/2 下还好,但看着难受。有没有合理的拆分策略?
项目打包后生成了 200 多个 chunk,首屏请求 60+ 个 JS 文件,HTTP/2 下还好,但看着难受。有没有合理的拆分策略?
用 manualChunks 手动分组:
build: {\n rollupOptions: {\n output: {\n manualChunks: {\n vendor: ['vue', 'vue-router', 'pinia'],\n ui: ['element-plus']\n }\n }\n }\n}试了下,chunk 降到 20 个左右,效果明显。