0%

webpack如何提高构建速度

webpack如何提高构建速度

  1. 多入口情况下,使用CommonsChunkPlugin来提取公共代码;
  2. 通过externals配置来提取常用库;
  3. 利用DllPlugin和DllReferencePlugin预编译资源模块通过DllPlugin来对那些我们引用但是绝对不会修改的npm包来进行预编译,再通过DllReferencePlugin将预编译的模块加载进来;
  4. 使用Happypack 实现多线程加速编译;
  5. 使用webpack-uglify-paralle来提升uglifyPlugin的压缩速度。 原理上webpack-uglify-parallel采用了多核并行压缩来提升压缩速度;
  6. 使用Tree-shaking和Scope Hoisting来剔除多余代码.
  • 本文作者: David Xue
  • 本文链接: https://xdw-h.github.io/17/
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!