由于角度模块和火力模块而产生的角度很大的束尺寸

Question

我是Angular开发的新手，目前正在研究如何优化Angular的bundle大小。我已经阅读了很多有关捆绑分析器，导入，模块，延迟加载等的信息。

我的应用程序很小，但是仍然加载2MB的供应商捆绑包（未压缩的11MB）：

我已经将较大的部分（其中使用了大的第三方库）放入了延迟加载的模块中，但这仅节省了几KB。

最大的模块似乎是：

• 角度
• firebase
• 素材
• 片刻

是否可以减小这些模块的尺寸？我看不到任何其他地方比我需要进口更多的东西。有些部分甚至不是我的。

Answer 1

减少Angular应用程序最终版本的一个好习惯是使用Angular的Ahead-of-Time（AOT）编译器。 [Angular documentation中的一些详细信息：

Smaller Angular框架下载大小。如果应用程序已经编译，则无需下载Angular编译器。编译器大约是Angular本身的一半，因此省略编译器会大大减少应用程序的有效负载。

将Webpack集成到您的编译中也很有趣，特别是针对生产版本。 Here's a link to a blog post描述Angular 7和Webpack 4的集成过程。