如何提⾼webpack 的构建速度？

类别：工程化 / 日期：2023-01-12 / 浏览：208 / 评论：0

1.多⼊⼝情况下，使⽤ CommonsChunkPlugin 来提取公共代码 

2.通过 externals 配置来提取常⽤库 

3.利⽤ DllPlugin 和 DllReferencePlugin 预编译资源模块 通过 DllPlugin 来对那些我们引⽤但是绝对不会修改的 npm 包来进⾏预 编译，再通过 DllReferencePlugin 将预编译的模块加载进来。 -webpack

4.使⽤ Happypack 实现多线程加速编译 

5.使⽤ webpack-uglify-parallel 来提升 uglifyPlugin 的压缩速 度。原理上 webpack-uglify-parallel 采⽤了多核并⾏压缩来提升 压缩速度 6.使⽤ Tree-shaking 和 Scope Hoisting 来剔除多余代码-webpack