AngularJS 依存関係の注入は縮小化をどのように処理しますか? ベスト プラクティスは何ですか?

AngularJS 依存関係挿入の縮小化に関する考慮事項

AngularJS 依存関係挿入メカニズムでは、JavaScript を縮小化するときに課題が発生します。デフォルトの依存関係注入構文は関数宣言を利用しますが、これは縮小中に問題が発生する可能性があります。

標準注入構文

前:

var MyController = function($scope, $http) {
    $http.get('https://api.github.com/repos/angular/angular.js/commits')
      .then(function(response) {
        $scope.commits = response.data
      })
  }

縮小中、変数 $scope と $http の名前が変更され、依存関係注入システムが壊れる可能性があります。

Inject-Style Syntax

この問題を解決するには、 inject-style syntax:

var MyController = ['$scope', '$http', function($scope, $http) {
  $http.get('https://api.github.com/repos/angular/angular.js/commits')
    .then(function(response) {
      $scope.commits = response.data
    })
}]

この構文では、依存関係の配列が文字列として渡され、縮小中に依存関係の ID が維持されます。

常に Inject-Style を使用します。 ?

はい、常に inject スタイルの構文を使用することをお勧めします。これにより、依存関係注入システムが縮小後でも正しく機能することが保証されます。

追加オプション

代わりに、ビルド中に ng-annotate npm パッケージを使用できます。冗長な挿入スタイルの構文の必要性を回避するためのプロセスです。 Ng-annotate は JavaScript コードを分析し、関数宣言に依存関係の注釈を追加して、関数宣言を縮小化しても安全にします。

以上がAngularJS 依存関係の注入は縮小化をどのように処理しますか? ベスト プラクティスは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。