webpack构建速度优化

webpack构建速度优化

常规优化方法

分离基础脚本

1. 使用webpack.DllPlugin优化，其实并无优化速度，只是把一些不须要常常变动的部分提早构建，以后只须要构建变动的部分就能够了，确实优化了时间
2. 使用external,不构建基础脚本，使用外部脚本引入，确实减小了时间

多进程构建

1. loader多进程，happypack，据测试没有提高速度，也许是webpack4.0已经使用了多进程
2. 压缩多进程，UglifyJsPlugin开启parallel: true稍微提高了一些速度

使用cache

1. loader的cache开启，第一次不会有提高，以后提高巨大，必定要开启，强烈推荐
2. 使用HardSourceWebpackPlugin，再cache基础之上仍然有巨大的提高，强烈推荐

综上 使用缓存和剥离基础代码是优化的二种主要策略，多进程策略应该会在后续webpack版本中发挥愈来愈弱的做用。

webpack仍是太烦，配置依然不少，难道前端工程必定要依赖webpack吗？

关注个人微信公众号，更多优质文章定时推送