happyPack和ParallelUglifyPlugin的配置使用
happyPack和 ParallelUglifyPlugin也是提高webpack打包速度的两种方式。
- happyPack： 开启多进程打包
- ParallelUglifyPlugin：多进程压缩js
一、happyPack： 开启多进程打包
从前面的使用中可以看出所有需要通过 Loader 处理的文件都先交给了 happypack/loader 去处理，收集到了这些文件的处理权后 HappyPack 就好统一分配了。
每通过 new HappyPack() 实例化一个 HappyPack 其实就是告诉 HappyPack 核心调度器如何通过一系列 Loader 去转换一类文件，并且可以指定如何给这类转换操作分配子进程。
核心调度器的逻辑代码在主进程中，也就是运行着 Webpack 的进程中，核心调度器会把一个个任务分配给当前空闲的子进程，子进程处理完毕后把结果发送给核心调度器，它们之间的数据交换是通过进程间通信 API 实现的。
二、ParallelUglifyPlugin：多进程压缩js
配置使用：
new ParallelUglifyPlugin({
// 传递给 UglifyJS 的参数 // （还是使用 UglifyJS 压缩，只不过帮助开启了多进程） uglifyJS: {
output: {
beautify: false, // 最紧凑的输出 comments: false, // 删除所有的注释 }, compress: {
// 删除所有的 `console` 语句，可以兼容ie浏览器 drop_console: true, // 内嵌定义了但是只用到一次的变量 collapse_vars: true, // 提取出出现多次但是没有定义成变量去引用的静态值 reduce_vars: true, } } }) 三、何时开启多进程打包或者压缩
使用注意⚠️：
- 不要上来就开启多进程打包，一般遇到性能瓶颈或者明确需要优化打包速度时，可以考虑采用这两种方案。
- 因为多进程也有有开销的，如进程的启动，销毁，通信等。
参考文章：https://www.jianshu.com/p/45911d63e8de
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/178876.html原文链接：https://javaforall.net
