(精华)2020年7月12日 webpack 代码分割和多线程打包
发布日期:2021-06-29 15:07:01 浏览次数:2 分类:技术文章

本文共 718 字,大约阅读时间需要 2 分钟。

optimization: {
splitChunks: {
chunks: 'async', //对同步,异步,所有的模块有效 minSize: 30000, //当模块大于 30kb maxSize: 0, //对模块进行二次分割时使用,不推荐使用 minChunks: 1, //打包生成的 chunk 文件最少有几个 chunk 引用了这个模块 maxAsyncRequests: 5, //模块请求 5 次 maxInitialRequests: 3, //入口文件同步请求 3 次 automaticNameDelimiter: '~', name: true, cacheGroups: {
vendors: {
test: /[\\/]node_modules[\\/]/, priority: -10 ,//优先级 数字越大,优先级越高 default: {
minChunks: 2, priority: -20, reuseExistingChunk: true } } } }, minimize: true, minimizer: [ new TerserPlugin({
cache: true, // 是否缓存 parallel: 4 // 是否并行打包,多线程 // parallel: 4, }), ],},

转载地址:https://codeboy.blog.csdn.net/article/details/107301937 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:(精华)2020年7月12日 vue v-model的使用
下一篇:(精华)2020年7月12日 webpack 配置别名

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2024年04月12日 09时55分37秒