Wie kann ich Probleme mit der AngularJS-Abhängigkeitsinjektion während der Minifizierung verhindern?

Beibehalten von Injektionsnamen bei der AngularJS-Minifizierung

Das Reduzieren von JavaScript-Code kann zu Problemen im Abhängigkeitsinjektionssystem von AngularJS führen. Wenn durch die Minimierung Variablen- und Funktionsnamen entfernt werden, kann dies die Identität zerstören, auf die sich AngularJS verlässt, um Abhängigkeiten mit seinen Controllern abzugleichen.

Traditionelle Methode

Um dieses Problem zu vermeiden, wird die Der traditionelle Ansatz bestand darin, Controller mithilfe einer anonymen Funktion mit den Abhängigkeiten als Array von Zeichenfolgen zu deklarieren. Dadurch bleiben die Abhängigkeitsnamen während der Minimierung erhalten:

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

Inject-Methode

Die bevorzugte Methode in modernen Versionen von AngularJS ist jedoch die Verwendung der Inject-Syntax für die Abhängigkeitsinjektion . Dadurch können die Abhängigkeitsnamen noch expliziter definiert werden und ihre Identität bei der Minimierung genauer erhalten bleiben:

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

Empfehlung

Verwenden Sie für die Abhängigkeitsinjektion immer die Injektionsmethode AngularJS. Es stellt sicher, dass die Abhängigkeitsnamen während der Minimierung erhalten bleiben und verhindert so potenzielle Injektionsfehler.

Alternativen

Der Einfachheit halber können Sie das ng-annotate npm-Paket als Teil von verwenden Ihr Build-Prozess. Dieses Tool fügt Ihren Controllern automatisch die Eigenschaft $inject hinzu und reduziert so die Ausführlichkeit der Annotationssyntax.

Das obige ist der detaillierte Inhalt vonWie kann ich Probleme mit der AngularJS-Abhängigkeitsinjektion während der Minifizierung verhindern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!