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

浏览:19日期:2023-02-06

问题描述

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

请有实践经验的大神帮帮忙,小弟跪谢!

问题解答

回答1:

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

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

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

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

BTW,以上建议以PC为平台

回答2:

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

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

回答3:

配合requirejs使用

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

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

回答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

相关文章: