Angular 2应用程序初始加载速度较慢，因为添加了外部第三方js库到angular-cli.json

Question

我已经通过角度cli和其他链接了解如何将外部js文件添加到项目中，以便最终将其添加到脚本标记中角cli.json。

我正在使用yFiles图形库。我已经将10个已经缩小的js文件添加到angular-cli.json中的脚本数组中。

做

ng build --aot --prod 

后，最终打造了scripts.bundle.js大小> 4MB，这使得我的应用程序加载缓慢/缓慢的初始渲染仅仅是因为这个文件。在显示初始屏幕后，如何加载这些文件，任何帮助都会很棒......但是如果我只想在我的初始屏幕上使用这些库，该怎么办？

我现在有一个加载屏幕，在进入我的应用程序之前，第一次加载大约需要15-18秒。

我的第一个屏幕本身使用这些库。

任何帮助或解决方法将不胜感激！

Answer 1

如果使用这些脚本的未精缩版，您可以找到更好的角度最大限度地减少他们，但我不会抱太大的期望。

真正的问题是您添加4Mb的JavaScript。你应该回顾一下，看看你是否真的需要它，或者如果你可以摆脱一些。