Angular升级Vite+ESBuild后包体积变化问题咨询与版本跟进

问题描述 #

我将Angular 17项目升级至Vite + ESBuild构建系统后，发现包体积有所增大：WebPack构建体积为2.01Mb，Vite+ESBuild构建体积达2.24Mb。新构建系统的速度确实更快，但体积增幅超出预期，我是按照Angular官方文档完成升级的。

除构建速度外，ESBuild不是应该能减小包体积吗？是否遗漏了可优化初始包体积的额外配置？

更新1 #

自首次提问后，我新增了依赖并将项目升级至Angular 18。尽管整体包体积有所增加，但两种构建系统的预估传输体积略有下降，不过原始包体积仍存在明显差异。我的疑问依旧：ESBuild是否仅在处理大型依赖时才会体现出体积优化效果？目前我暂未找到升级至Vite+ESBuild的理由，打算后续添加更多依赖后再尝试。

更新2 #

我已将项目升级至Angular 19，发现两种构建系统的包体积差异已可忽略，但Angular 19本身的包体积有所增加：

• Angular v18.2.14（WebPack）：1.90 MB // 332.06 kB
• Angular v19.0.3（WebPack）：1.94 MB // 341.45 kB
• Angular v19.0.3（Vite+ESBuild）：1.94 MB / 341.76 kB

鉴于差异微小，我决定使用全新的Vite+ESBuild构建系统。需要注意的是，Vite+ESBuild构建速度更快，但*摇树优化（tree-shaking）表现较差，使用桶文件（Barrel files）*也可能增大包体积。

内容的提问来源于stack exchange，提问作者Ricky