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

Question

如题

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

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

Answer 1

I have used RequireJS + AngularJS implementation before, but I feel there is no need to use AMD mode to load JS files. Some personal opinions:

• AMD loading looks good, but in the final production environment, it is recommended to compress the JS file into one file, which may be faster
• AngularJS itself can be written as a module for loading. If you find it inconvenient to manage, then take a look at the arrangement of folders in your project, the naming of files, etc. It feels more convenient to manage the front-end code in these ways

AMD's loading looks good, but under normal circumstances, there is not much need to use AMD to load JS, CSS, HTML, etc.

Just a personal suggestion, there are many discussions on the Internet about whether to use AMD mode, just use the one you like best

BTW, the above suggestions are based on PC as the platform

Answer 2

I wrote a gadget, which is actually a web slides, made by requirejs ＋ angularJs.
Online address: http://leftstick.github.io/front-end-slides/,
Source code: https://github.com/leftstick/front-end-slides/tree/gh-pages

Because it’s not big, it may be helpful to your understanding

Answer 3

Use with requirejs

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

Already used in company projects, the effect is good

Answer 4

It is recommended to use angular-async-loader to implement asynchronous loading of angular modules, including various controllers, filters, services, directives, etc., and also supports angular-ui-router

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