关于网友提出的“AngularJS 项目中如何实现按需加载js文件”问题疑问,本网通过在网上对“AngularJS 项目中如何实现按需加载js文件”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:
问题:AngularJS 项目中如何实现按需加载js文件
描述:如题
- 在AngularJS项目中js文件越来越多的情况下,如何做到按需加载;
- 目前调研结果是使用RequireJS或者Browserify;
请有实践经验的大神帮帮忙,小弟跪谢!
解决方案1:推荐使用 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
解决方案2:配合requirejs使用
http://github.com/treri/angular-require
已经在公司项目中使用了, 效果不错
解决方案3:我写过一个小玩意,其实就是一个web slides,是requirejs
+ angularJs
做的。
在线地址:http://leftstick.github.io/front-end-slides/,
源码:https://github.com/leftstick/front-end-slides/tree/gh-pages
因为不大,所以或许对你理解有些帮助
解决方案4:之前用过RequireJS + AngularJS实施,但感觉没有必要用AMD的模式加载JS文件。个人的一些看法:
- AMD的加载看起来不错,但在最终的生产环境中,JS文件还是建议压缩成一个文件,这样的效果可能更快
- AngularJS 本身就可以写成模块来进行加载,如果嫌管理不方便,那么,看看自己项目中文件夹的排列,文件的命名等,这些方式来管理前端代码感觉更方便
AMD的加载看起来不错,但在通常情况下,感觉没有太大的必要使用AMD去加载JS, CSS, HTML等。
只是个人建议,关于是否使用AMD模式,网上有很多讨论,用你最喜欢的便可
BTW,以上建议以PC为平台
以上介绍了“AngularJS 项目中如何实现按需加载js文件”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:http://www.codes51.com/itwd/1377961.html