提高webpack的构建速度的几种方法概括 2021-05-08

提高webpack的构建速度的几种方法概括

通过externals配置来提取常用库

利用DllPlugin和DllReferencePlugin预编译资源模块,通过DllPlugin来对那些我们引用但是绝对不会修改的npm包来进行预编译,再通过DllReferencePlugin将预编译的模块加载进来。

使用Happypack 实现多线程加速编译,要注意的第一点是,它对file-loader和url-loader支持不好,所以这两个loader就不需要换成happypack了,其他loader可以类似地换一下

使用Tree-shaking和Scope Hoisting来剔除多余代码

使用fast-sass-loader代替sass-loader

babel-loader开启缓存

babel-loader在执行的时候,可能会产生一些运行期间重复的公共文件,造成代码体积大冗余,同时也会减慢编译效率
可以加上cacheDirectory参数或使用 transform-runtime 插件试试

你可能感兴趣的:(提高webpack的构建速度的几种方法概括 2021-05-08)