javascript - vendor.bundle.js 在 Angular 2/4 中变得很重

Question

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

当我检查浏览器中的网络选项卡时，我看到 vendor 文件由于大小(11.6 Mb)而花费了一些时间。

我想知道有什么方法可以最小化该 vendor 文件以及 vendor 文件中包含哪些类型的代码。我得到了this链接但没有得到解决方案。

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

Answer 1

除了 @Brk 的答案之外，您还可以执行多种操作来最大限度地减少 vendor .bundle.js 或其他文件的加载时间:

1. 使用 UglifyJs 进行缩小:它会删除所有空格和注释。预计尺寸减少 40-50%。
2. 配置您的服务器以通过自动以 gzip 格式压缩 JS/Html 或任何文件来发送它们。浏览器会自动解压它并按预期使用您的 Js 文件。

如果您执行这 2 项操作，您的加载时间将减少 80%。

我也做了同样的事情，我的vendor.bundle.js从8 MB变成了600 KB。

UGLIFYJS:

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

注意:您可以使用 npm 下载 uglifyjs