happyPack和ParallelUglifyPlugin的配置使用 一、happyPack: 开启多进程打包二、ParallelUglifyPlugin:多进程压缩js三、何时开启多进程打包或者压缩
happyPack和ParallelUglifyPlugin也是提高webpack打包速度的两种方式。
happyPack: 开启多进程打包ParallelUglifyPlugin:多进程压缩js 一、happyPack: 开启多进程打包
配置使用:
二、ParallelUglifyPlugin:多进程压缩js
配置使用:
new ParallelUglifyPlugin({ // 传递给 UglifyJS 的参数 // (还是使用 UglifyJS 压缩,只不过帮助开启了多进程) uglifyJS: { output: { beautify: false, // 最紧凑的输出 comments: false, // 删除所有的注释 }, compress: { // 删除所有的 `console` 语句,可以兼容ie浏览器 drop_console: true, // 内嵌定义了但是只用到一次的变量 collapse_vars: true, // 提取出出现多次但是没有定义成变量去引用的静态值 reduce_vars: true, } }}) 三、何时开启多进程打包或者压缩
使用注意⚠️:
不要上来就开启多进程打包,一般遇到性能瓶颈或者明确需要优化打包速度时,可以考虑采用这两种方案。因为多进程也有有开销的,如进程的启动,销毁,通信等。