Wie zu schützen AngularJS-Controller von Minify

Question

So weiß ich, dass ich [] verwenden muss, um meinen Code vor der Verkleinerung zu sichern. Zum Beispiel:

app.controller('mainController', ['$scope', function($scope) { 
    $scope.message = 'HOORAY!'; 
}]); 

Aber wie das tun, wenn ich nicht app als globale Variable bin, habe ich

bekam

(function() { 
'use strict'; 

angular 
    .module('app') 
    .controller('loginCtrl', Controller); 

function Controller($scope, authService) { 
    var vm = $scope; 
    vm.login = function(login_field, password_field) { 
     var loginData = { 
      login: login_field, 
      password: password_field 
     }; 
     authService.login(loginData); 
    }; 
} 
})(); 

Wie verhindern, dass es Probleme bei der Verkleinerungs?

Answer 1

Auf die gleiche Weise:

.controller('loginCtrl', ['$scope', 'authService', Controller]); 

ich raten Ihnen dringend, ng-annotate zu verwenden, die mit der einfachen Syntax ermöglicht, und wandelt sie in minifiable Code für Sie. Das macht Ihren Code einfacher, einfacher zu lesen und vermeidet viele Fehler.

Answer 2

Ich glaube, es sollte die gleiche Art und Weise sein:

(function() { 
'use strict'; 

angular 
.module('app') 
.controller('loginCtrl', ['$scope', 'authService', function($scope, authService) { 
    $scope.login = function(login_field, password_field) { 
     var loginData = { 
      login: login_field, 
      password: password_field 
     }; 
     authService.login(loginData); 
    }; 
}]); 
})(); 

Answer 3

Wenn ein Controller oder ein Dienst eine benannte Funktion wie in Code ist oben, sieht es am besten, wenn es mit $inject (siehe John Papa style guide) kommentiert wird.

Durch das Hochziehen kann die Anmerkung direkt über der injizierbaren Funktion platziert werden.

Answer 4

Eine Möglichkeit, wie Sie versuchen können, grunt-ngmin vor der Minification, sucht und ersetzt die Minification mit Minify-freundlich Code. Gehen Sie zu diesem Link sehen Sie Beispiel https://github.com/btford/grunt-ngmin#example