您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> Web开发 >> AngularJS 项目中如何实现按需加载js文件

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

来源:网络整理     时间:2016/5/29 3:04:57     关键词:angularjs

关于网友提出的“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,是requirejsangularJs做的。
在线地址: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

相关图片

相关文章