angular.js - AngularJS 專案中如何實作按需載入js文件

Question

如題

• 在AngularJS專案中js檔案越來越多的情況下，如何做到按需載入；
• 目前研究結果是使用RequireJS或Browserify；

請有實作經驗的大神幫忙，小弟跪謝！

Answer 1

之前用過RequireJS + AngularJS實施，但感覺沒有必要用AMD的模式載入JS檔。個人的一些看法：

• AMD的載入看起來不錯，但在最終的生產環境中，JS文件還是建議壓縮成一個文件，這樣的效果可能更快
• AngularJS 本身就可以寫成模組來進行加載，如果嫌管理不方便，那麼，看看自己專案中資料夾的排列，檔案的命名等，這些方式來管理前端程式碼感覺更方便

AMD的載入看起來不錯，但在通常情況下，感覺沒有太大的必要使用AMD去載入JS, CSS, HTML等。

只是個人建議，關於是否使用AMD模式，網路上有很多討論，用你最喜歡的便可

BTW，以上建議以PC為平台

Answer 2

我寫過一個小玩意，其實就是一個web slides，是requirejs ＋ angularJs做的。
線上網址：http://leftstick.github.io/front-end-slides/，
原始碼：https://github.com/leftstick/front-end-slides/tree/gh-pages

因為不大，所以或許對你理解有些幫助

Answer 3

配合requirejs使用

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

已經在公司專案中使用了, 效果不錯

Answer 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