angular怎么用异步加载script.js包

传统的 angular 应用不支持异步加载模块，必须在 module 启动的时候，所有模块必须预加载进来。 通过使用 angular-async-loader 库，我们可以使用 requirejs 等加载器，在 module 初始化之后，在动态异步加载其他的 Controller, Services, Filte.

我们在前面的实例基础上继续修改，为了方便接下来演示“模块预加载”，我们增加了一个一级导航菜单叫做“图片”：

现在我们有 3 个独立的模块：首页、段子、图片。只有当用户点击这些模块的时候，路由才会去异步加载对应的 chunk（块），就像这样：

一切看起来都那么完美！但是，产品经理又妖娆地走过来了，他对你说：小伙子干得不错！但是我有一个想法，你看能不能实现。虽然这种异步加载的方式确实能提升加载和执行的效率，但是用户体验并没有做到极致。你看啊，咱们是一个段子站，根据我们的统计数据，这 3 个模块用户都是一定会点的。所以，在首页模块加载完成之后，如果能把“段子”和“图片”这两个模块预先加载到客户端就好了。这样当用户点击这两个菜单的时候，看起来就像“秒开”一样，这才叫“极致体验”对吧？怎么样，有没有技术上的困难？下班之前能改好吧？

---