4

私の angular プロジェクトでは、ページごとに個別の .js ファイルと、サービスごとに個別の .js ファイルを作成する予定です。

しかし、コーディングを開始すると、index.html に多数の import ステートメントがあることに気付きました。これにより、ユーザーは .js ファイルを必要としない場合でも、すべての .js ファイルを読み込まなければならなくなります。

私のindex.htmlの.jsの例

<!-- JS -->
<script src="js/vendor/angular.js"></script>
<script src="js/app/app.js" ></script>

<!-- controllers --> 
<script src="js/app/controllers/roomController.js"></script> 
<script src="js/app/controllers/dashBoardController.js"></script>

<!-- services --> 
<script src="js/app/services/dashBoardService.js"></script>
<script src="js/app/services/roomService.js"></script>
<script src="js/app/services/chatService.js"></script>
<script src="js/app/services/videoService.js"></script>

これに対する解決策はありますか？

4

3 に答える 3

3

各コントローラー、各サービス、各ディレクティブを別のファイルに入れるのがベスト プラクティスなので、正しい方法で実行できます。

ただし、お気づきのように、ユーザー (およびサーバー) にとっては、ダウンロードするファイルの数を最小限に抑える方が適切です。開発には問題ありませんが、本番環境では、通常はUglifyJSやYUI Compressorindex.htmlなどのツールを使用して、すべてのファイルを 1 つに圧縮する必要があります。

于 2013-10-10T19:25:06.647 に答える
0

私はまったく同じ問題を抱えていたので、RequireJS を使用して angularJS スクリプトをオンデマンドでロードできるようにすることにしました。angularAMDRequireJS と AngularJS の統合に役立つことを願って、という名前のラッパーを作成しました。

http://marcoslin.github.io/angularAMD/

于 2013-10-10T19:57:42.003 に答える