vendor.bundle.js以2/4的角度变重

Question

我开发了一个角度为5.2.6的项目，但问题是当我加载应用程序时，需要将近20-30秒。

当我在浏览器中检查网络选项卡时，我看到供应商文件需要时间，因为它的大小（11.6 Mb）。

我想知道有没有办法最小化供应商文件以及在供应商文件中打包的代码类型。我得到this链接但没有得到解决方案。

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

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