供应商.bundle.js在Angular 2/4中变重

Question

我在Angular 5.2.6。开发了一个项目，但是问题是当我加载应用程序时，它需要几乎20-30秒。

当我在浏览器中的"网络"选项卡中选中时，我看到供应商文件花费时间是因为IS大小(11.6 MB(。

我想知道有什么方法可以最大程度地减少该供应商文件以及供应商文件中包装了哪种代码。我得到了这个链接，但没有解决方案。

如何最小化该供应商文件以更快地加载我的应用程序？

Answer 1

除了 @brk的答案之外，还有多件事可以做到这一点，以最大程度地减少供应商的负载时间。

1. 使用uglifyjs进行缩小：它删除了所有白色空间和评论。估计尺寸减小为40-50％。
2. 配置服务器以自动以GZIP格式压缩JS/HTML或任何文件。浏览器会自动打开它，并按预期使用JS文件。

如果您这样做2，您的加载时间将减少80％。

我也这样做了，我的供应商bundle.js从8 mb升至600 kb。

uglifyjs ：

uglifyjs dist/vendor.bundle.js - -screw-ie8 - compress-mangle-unput dist/vendor.bundle.js

注意：您可以使用NPM