开发者社区> 问答> 正文

如何提高webpack打包的效率以及如何进行分包才能让每个chunk更小更合理?

如何提高webpack打包的效率以及如何进行分包才能让每个chunk更小更合理?

展开
收起
OSC开源社区 2024-05-13 23:19:53 62 0
2 条回答
写回答
取消 提交回答
    1. 从大的方面来说一个是让尽可能减少重复的工作,比如设置好 loader 的作用域和缓存,进行 code splitting 等
    2. 另外就是充分调动打包的计算性能,比如通过一些插件使用多进程进行打包。 拆分 chunk 不是越小越好,建议看一下 optimization.SplitChunks 的默认配置
    2024-05-21 15:00:48
    赞同 展开评论 打赏
  • 北京阿里云ACE会长

    使用 DllPlugin:
    对于不常变动的库,可以使用 DllPlugin 将它们预先打包好,然后在主配置中通过 DllReferencePlugin 引用。

    模块联邦(Module Federation):
    如果项目非常庞大,考虑使用 Webpack 5 的模块联邦特性,将应用分割成更小的、可独立部署的模块。

    2024-05-14 08:29:14
    赞同 2 展开评论 打赏
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
基于webpack和npm的前端组件化实践 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载