1

私の 1 年半前のプロジェクトは終わろうとしています。ただし、コードを確認して最終調整を行う必要があります。このアプリは、8 つのモジュール、13 のコントローラー、16 のディレクティブ、5 つのファクトリー、Google+ と Facebook のログイン、カスタム twitter ブートストラップ、最後に AngularUI で構成されています。現在、すべてに独自の js ファイルがあり、合計 29 個の js ファイルがあります。

サーバーへのリクエストを最小限に抑える必要があります。
1. すべての js ファイルを 1 つ作成できますか? もしそうなら、どのような順序でそれらを配置する必要がありますか? どちらが先ですか？
2. js ファイルのダウンロードに async を使用します。ただし、複数の小さな js ファイルを非同期ダウンロードするか、単一の大きな js ファイルを非同期ダウンロードする方がよいでしょうか? 2. 約 26 インチwhen conditionsありRouteProviderます。私は心配する必要がありますか？
3. 大きな AngularJS プロジェクトのファイナライズに関して他に何かヒントはありますか? ベストプラクティスはありますか？

ありがとうございました！

4

1 に答える 1

1

プロジェクトを完成させるためのツールとしてGruntJSを使用することをお勧めします。GruntJS には、本番用の最終ビルドを可能な限り小さくするのに役立つ、コミュニティによって作成されたツールがたくさんあります。

あなたの特定の質問に関して：

  1. GruntJSには、すべての JavaScript ファイルを 1 つのファイルに結合するためにgrunt-contrib-concatおよびgrunt-contrib-uglifyと組み合わせて使用​​するuseminと呼ばれるコミュニティで書かれたタスクがあります。それらを配置する順序は重要ではありませんが、usemin を使用すると、それらをテストしたのと同じ順序で連結されます。

  2. 定義したすべてのルートがアプリで意味を成していることを確認する限り、ルートの数に正しい数はありません。

  3. また、 grunt-angular-templatesを使用して、ルートとディレクティブで使用したすべてのテンプレートを、JavaScript と共に読み込まれる 1 つのファイルに結合することをお勧めします。それ以外に、プロジェクト ファイルを小さくするのに役立つ他の grunt プラグインをチェックしてください。おそらくcss ファイルを小さくするgrunt-contrib-cssminです。

于 2013-09-20T04:55:13.813 に答える