如何配置Vite自定义chunk大小？

在Vite中，虽然没有直接提供配置项来设置chunk的大小，但是你可以通过一些间接的方式来控制代码分割（Chunking）的行为。主要关注点在于优化工作（optimization）和第三方库的处理。以下是几个关键步骤：

按需引入：尽量避免在入口文件或其他核心模块引入所有依赖，而是仅引入实际需要的部分，这样Vite会动态地按需加载其他模块。

分包策略：Vite会根据你的项目结构和模块依赖智能地划分chunk。不过，如果你有特定需求，可以在.vite/config.js 的optimizeDeps 或者 build.optimization.splitChunks.cacheGroups 配置中手动调整chunk拆分规则，比如更改最小导入阈值（minSize/chunkCount）。

// .vite/config.js
export default defineConfig({
optimizeDeps: {
include: ['lodash', 'axios'], // 只对这两个库做额外优化
exclude: [], // 自动排除某些库
},
build: {
optimization: {
splitChunks: {
cacheGroups: {
vendors: { test: /[\\/]node_modules[\\/]/, name: 'vendors' }, // 对于非应用代码的chunk命名
common: { test: /[\\/]src[\\/]/, minSize: 5000, chunks: 'all' } // 应用代码的chunk
}
}
}
}
});
登录后复制
记住，过多地手动干预可能导致维护复杂度增加，因此应尽可能保持合理且自动化。