开发者社区> 问答> 正文

如何提⾼webpack的构建速度?

展开
收起
前端问答 2019-12-15 15:15:42 802 0
1 条回答
写回答
取消 提交回答
  • 前端问答小助手
    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 来剔除多余代码
    2019-12-15 15:16:27
    赞同 1 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
基于webpack和npm的前端组件化实践 立即下载
如何利用Redisson分布式化传统Web项目 立即下载
Web应用系统性能优化 立即下载