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 可能会被重命名，从而破坏依赖注入系统。

注入式语法

要解决此问题，建议使用注入式语法：

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
    })
}]

在此语法中，依赖项数组作为字符串传递，在缩小过程中保留依赖项的标识。

始终使用注入式?

是的，建议始终使用注入式语法。这可以确保依赖注入系统即使在缩小后也能正常运行。

其他选项

作为替代方案，您可以在构建期间使用 ng-annotate npm 包过程以避免需要冗长的注入式语法。 NG-annotate 分析您的 JavaScript 代码并将依赖注释添加到函数声明中，使它们缩小安全。

以上是AngularJS 依赖注入如何处理缩小，最佳实践是什么？的详细内容。更多信息请关注PHP中文网其他相关文章！