angular.js - AngularJS 项目中如何实现按需加载js文件

Question

如题

• 在AngularJS项目中js文件越来越多的情况下，如何做到按需加载；
• 目前调研结果是使用RequireJS或者Browserify；

请有实践经验的大神帮帮忙，小弟跪谢！

Answer 1

之前用过RequireJS + AngularJS实施，但感觉没有必要用AMD的模式加载JS文件。个人的一些看法：

• AMD的加载看起来不错，但在最终的生产环境中，JS文件还是建议压缩成一个文件，这样的效果可能更快
• AngularJS 本身就可以写成模块来进行加载，如果嫌管理不方便，那么，看看自己项目中文件夹的排列，文件的命名等，这些方式来管理前端代码感觉更方便

AMD的加载看起来不错，但在通常情况下，感觉没有太大的必要使用AMD去加载JS, CSS, HTML等。

只是个人建议，关于是否使用AMD模式，网上有很多讨论，用你最喜欢的便可

BTW，以上建议以PC为平台

Answer 2

我写过一个小玩意，其实就是一个web slides，是requirejs ＋ angularJs做的。
在线地址：http://leftstick.github.io/front-end-slides/，
源码：https://github.com/leftstick/front-end-slides/tree/gh-pages

因为不大，所以或许对你理解有些帮助

Answer 3

配合requirejs使用

http://github.com/treri/angular-require

已经在公司项目中使用了, 效果不错

Answer 4

推荐使用 angular-async-loader 来实现异步加载 angular 模块，包括各种controller、filter、services和directive等，同时支持 angular-ui-router

http://my.oschina.net/sub/blog/513255/
https://github.com/subchen/angular-async-loader