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) { .....

您可以在此link

下了解详情

另一种解决方案是使用ng-anotate

如果您使用Angular 1.3，则可以启用strictdi

替换此部分

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

到这个

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