0
点赞
收藏
分享

微信扫一扫

如何提高webpack的构建速度?

米小格儿 2022-04-14 阅读 111

1.多入口情况下,使用CommonsChunkPlugin来提取公共代
2.通过externals配置来提取常用库
3.利用DllPlugin和DllReferencePlugin预编译资源模块 通过DllPlugin来对那些我们引用但是绝对不会修改的npm包来进行预编译,再通过DllReferencePlugin将预编译的模块加载进来。
4.使用Happypack 实现多线程加速编译
5.使用webpack-uglify-parallel来提升uglifyPlugin的压缩速度。 原理上webpack-uglify-parallel采用了多核并行压缩来提升压缩速度
6.使用Tree-shaking和Scope Hoisting来剔除多余代码
 

举报

相关推荐

0 条评论