AngularJS與JavaScript minifier沖突

Question

這是我的代碼，工作正常：

angular.module('foo', []).config(
  function($locationProvider) {
    $locationProvider.html5Mode(true);
  }
);

然而，在縮小之后它看起來像這樣：

angular.module('foo', []).config(function(n) { n.html5Mode(true); });

並且AngularJS因一些內部異常而崩潰。 我想我明白為什么它會崩潰，但是什么是解決方法？

Answer 1

這是眾所周知的流行問題，您可以通過這種方式注入您的依賴

.directive('someDirective', ['$window', function ($window) { .....

您可以在此鏈接下了解有關它的更多信息

另一種解決方案是使用ng-anotate

如果您使用Angular 1.3，您可以打開strictdi

替換這部分

.config(
  function($locationProvider) {
    $locationProvider.html5Mode(true);
  }
);

對此

.config(['$locationProvider', function($locationProvider) {
    $locationProvider.html5Mode(true);
  }
]);