(精华)2020年7月12日 webpack 代码分割和多线程打包

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,
    }),
  ],
},
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:白松林 返回首页