四时宝库

程序员的知识宝库

17、如何提高 webpack 的构建速度?(高薪常问)

在多入口情况下,使用 CommonsChunkPlugin 来提取公共代码

1、通过 externals 配置来提取常用库

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

3、使用 Happypack 实现多线程加速编译

4、使用 webpack-uglify-parallel 来提升 uglifyPlugin 的压缩速度。 原理上webpack-uglify-parallel 采用了多核并行压缩来提升压缩速度。

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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接