如何在 Angular 应用程序中处理小包以减少网络开销？

Question

我注意到我的 Angular 应用程序生成了几个小包（有些小至 179 字节，其他一些不到 3.1 KB）。这些小包通常与路由文件或小的依赖项相关（实际上它们都是需要的小路由服务）。

我担心拥有许多小包的网络开销，特别是在考虑 TCP 握手和这些文件创建的额外请求时。我的应用程序当前使用 HTTP/1.x，因此每个小包可能会引入额外的延迟。

在 Angular 应用程序中处理小包以最大程度地减少网络开销的最佳实践是什么？ 是否应该将这些小包合并为更大的包，或者是否有其他方法来优化它们的加载？

我希望减少网络开销，同时保持模块化结构并遵循 Angular 的最佳实践。

Answer 1

Angular CLI 存储库上有一个 未解决的问题。

基本上，这是由于 Esbuild 在创建块方面非常积极。

临时解决方法是在构建期间设置标志

NG_BUILD_OPTIMIZE_CHUNKS=1

。