AngularJS minified js files not working

Question

Я минимизировал и объединил все js-файлы в один и включил в html ничего не работает на сайте.

Существует так много файлов в js, и я не хочу включать все по одному, поэтому они были модифицированы и объединены в одном.

Есть ли другой способ уменьшить количество HTTP-вызовов для js-файлов.

Answer 1

При минимизации документов AngularJS важно, чтобы вы следовали документам для инъекций зависимостей, иначе ваш код может сломаться. Вы должны убедиться, что вы используете предпочтительный метод массива пример можно увидеть ниже:

someModule.controller('MyController', ['$scope', 'greeter', function($scope, greeter) { 
    // ... 
}]); 

Как видно из официальных Угловых документов JS: https://docs.angularjs.org/guide/di.

Answer 2

Чтобы следить за ответом @ Дэйл лосось «s, если у вас есть свои контроллеры, как этот

app.controller('DemoCtrl', function(dependency1, dependency2){ 
// controller code 
}); 

изменить его на

app.controller('DemoCtrl', ['dependency1', 'dependency2', function(dependency1, dependency2){ 
// controller code 
}]); 

Причина JS minificators обычно изменить название которая вводится. И Угловая не имеет понятия о том, что такое зависимость. Итак, вы вручную объявляете их, чтобы это не вызвало проблемы после минимизации!

Answer 3

Кажется, это причина implicit dependency injection. Согласно документации Angular JS:

Осторожно: если вы планируете минимизировать свой код, ваши имена служб будут переименованы и разорваны ваше приложение.

Используйте вместо этого strict dependency injection. Например:

angular 
    .module("MyModule") 
    .controller("MyCtrl", ["$scope", "$timeout", function ($scope, $timeout) { 
    ... 
    }]); 

Более того, рассмотреть вопрос об использовании ng-annotate, что гораздо проще:

angular 
    .module("MyModule") 
    .controller("MyCtrl", function ($scope, $timeout) { 
    "ngInject"; 
    ... 
    });