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

Question

如题 在AngularJS项目中js文件越来越多的情况下，如何做到按需加载； 目前调研结果是使用RequireJS或者Browserify； 请有实践经验的大神帮帮忙，小弟跪谢！

某草草 · Answer

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

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

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

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

BTW，以上建议以PC为平台

ringa_lee · Answer

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

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

过去多啦不再A梦 · Answer

配合requirejs使用

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

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

迷茫 · Answer

推荐使用 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

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

如题

Antworte allen(4)Ich werde antworten