优化角度分布答案

【问题标题】：Optimize Angular Distribution优化角度分布
【发布时间】：2022-01-06 20:07:00
【问题描述】：

我有一个 Angular 项目，它使用了一堆 Javascript 库，从 jQuery 开始，经过 Modal Forms、Tooltips 等等，主要来自第三方提供商。问题是，即使我的 Angular 网站使用了这些库，该网站也没有完全使用完整的库，但是在构建 Dist 文件时，styles.xx.css 和 main.js 是相当大的文件，其中包含所有这些库和样式。

所以，我在想必须有一种方法只在最终分发中包含网站使用的“实际”代码，而不是包含已使用和未使用代码的完整库。这些库中有许多网站实际上没有使用的功能，但同时这些都是大文件，很难进入那里并手动删除代码。

如果我可以在整个网站上运行某种Code Coverage 测试，只是为了“标记”所有实际使用的代码并从 Dist 编译中删除/丢弃所有未使用的代码，那就是惊人的。毫无疑问，这将是一种非常有效的方式来减少任何网站上的制作汇编。

有人知道这样的东西是否存在吗？

【问题讨论】：

如果您使用ng build，应该已经删除了死代码，默认构建与生产配置。您可以在https://angular.io/cli/build 找到更多关于优化和生产的信息
请参阅this post 以分析包大小。

标签： javascript angular

【解决方案1】：

你当然可以想到：

实现延迟加载 -> 有助于减小主文件大小，并且只生成较小的块
采用模块化架构
将包作为特定模块的提供者导入

【讨论】：

是的，这些技术实际上有助于提高性能。但是，我更喜欢通过删除未使用的代码来提高应用程序整体负载的效率。有大量未使用的代码被用户一次又一次地下载，这是没有意义的。必须想办法解决这个问题。
stackoverflow.com/questions/46722701/… 也许这会有所帮助。