webpack 之(29) optiization配置详解

 

optimization:{
    splitChunks:{
      chunks:'all',
      //以下这些默认值不用写
      minSize:30*1024 ,//分割的chunk最小为30kb
      maxSize:0,//最大没限制,
      minChunks: 1 , //要提取的chunk最受被引用1次,
      maxAsyncRequests:5, //按需加载时,并行加载的文件的最大数量,

    },
    // 将当前模块的记录其他模块的 hash 单独打包为一个文件 runtime 
    // 解决:修改 a 文件导致 b 文件的 contenthash 变化 
    runtimeChunk: { name: entrypoint => `runtime-${entrypoint.name}` },
    minimizer: [ 
      // 配置生产环境的压缩方案:js 和 css 
      new TerserWebpackPlugin({ 
        // 开启缓存 
        cache: true, 
        // 开启多进程打包 
        parallel: true, 
        // 启动 source-map 
        sourceMap: true }) 
    ] 
  }

 

上一篇:webpack配置-devServer详细配置-proxy跨域(vue+react都可以使用的跨域代理方式)


下一篇:js数组转树结构