AngularJS アプリケーションを縮小するためのベスト プラクティス

AngularJS アプリケーションを縮小するコンテキストでは、依存関係に対する縮小の影響に関する懸念に遭遇したことがあるかもしれません。注射。当初、縮小化はコントローラー内の this コンテキストに問題を引き起こす可能性があると考えられていました。これに対処するために、縮小されたコードで依存関係のアイデンティティを保持するために構文がわずかに変更されました。

質問で言及した推奨構文は、依存関係の配列を受け取る関数でコントローラーを定義することです。最初のパラメータ、その後にコントローラ関数本体が続きます。例:

var MyController = ['$scope', '$http', function($scope, $http) {
  // Controller code...
}];

このアプローチにより、縮小化が依存関係の元の順序やアイデンティティに影響を与えないことが保証されます。ミニファイアが変数名を変更する場合でも、その参照はコントローラー関数内でそのまま残ります。

常に「注入」方法を使用するかどうかに関する具体的な質問 (2 番目のスニペット) については、答えは はい。依存関係注入の問題を防ぐために、AngularJS アプリケーションを縮小する場合の推奨されるベスト プラクティスです。

ただし、ビルド プロセスで ng-annotate npm パッケージの使用を検討することもできます。 ng-annotate は、AngularJS ソース コードを分析し、ミニファイアーが依存関係の注入を正しく処理できるようにする注釈を追加するツールです。このアプローチにより、縮小化の互換性を維持しながら、最初のスニペットのより簡潔な構文を使用できます。