【vue】vite打包分块

参考文档

配置 rollup output 选项,官方文档参考:
vite chunk 大小警告配置
vite rollup 打包配置
rollup 输出 chunk 配置

配置(对象形式)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
build: {
chunkSizeWarningLimit: 1024,
rollupOptions: {
output: {
manualChunks: {
monacoeditor: ["monaco-editor"],
quill: ["quill"],
lodash: ["lodash"],
lib: ["sortablejs", "vxe-table", "xe-utils"],
vlib: ["vue", "vue-router", "vue-i18n", "element-plus"]
}
}
}
}

配置(函数形式)

1
2
3
4
5
6
7
8
9
10
11
12
13
build: {
chunkSizeWarningLimit: 1024,
rollupOptions: {
output: {
manualChunks(chunkInfo) {
// 如果是包含 node_modules 则打包到 vendor.js 中
if (chunkInfo.includes("node_modules")) {
return "vendor";
}
},
}
}
}