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

Question

如题

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

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

Answer 1

以前にRequireJS + AngularJS実装を使用したことがありますが、JSファイルをロードするためにAMDモードを使用する必要はないと感じています。個人的な意見:

• AMD の読み込みは良好に見えますが、最終的な実稼働環境では、JS ファイルを 1 つのファイルに圧縮することをお勧めします。これにより高速になる可能性があります
• AngularJS自体をロード用のモジュールとして書くこともできますが、管理が面倒な場合は、プロジェクト内のフォルダーの配置やファイルの名前などを見直してください。フロントエンドで管理する方が便利だと思います。これらの方法でコードを作成します

AMD の読み込みは良好に見えますが、通常の状況では、JS、CSS、HTML などを読み込むために AMD を使用する必要はあまりありません。

単なる個人的な提案です。AMD モードを使用するかどうかについては、インターネット上で多くの議論があります。最も気に入ったモードを使用してください

ところで、上記の提案はプラットフォームとして PC に基づいています

Answer 2

私は requirejs ＋ angularJs によって作成されたガジェット (実際には Web スライド) を書きました。
オンラインアドレス: 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 モジュールの非同期読み込みを実装するには、angular-async-loader を使用することをお勧めします。また、angular-ui-router もサポートします

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