angulaire.js - erreur angulaire après compression gulp

Question

Il existe les fichiers suivants de Bower, comme suit

Après fusion et compression de gulp

Exécuter correctement s'il n'est pas compressé. Quelqu'un a-t-il le même problème après avoir utilisé la compression de dépendances ci-dessus ? Comment résoudre ce problème ?

Answer 1

Si vous souhaitez utiliser des abréviations, ajoutez le plug-in gulp-ng-annotate au processus gulp.
var ngAnnotate = require('gulp-ng-annotate');

gulp.task('useref-ftl', function () {
    return gulp.src(*******)
        .pipe(gulpif('*.js', ngAnnotate()))
});

Voici le principe :
Les dépendances se trouvent par chaînes. Lors de l'écriture, prenez l'initiative d'écrire les dépendances sans les abréger.
Par exemple, la méthode d'écriture formelle est
angular.module('adminApp').controller('TestCtrl', ['$scope',function($scope) {}])
Ensuite, vous pouvez généralement l'abréger en
angular .module(' adminApp').controller('TestCtrl', [function($scope) {}])
Mais la méthode abrégée signalera une erreur après compression et fusion.

Answer 2

Le chemin de référence a-t-il changé après la compression

Answer 3

var myModule = angular.module('myApp', []);
    myModule.controller('myCtrl', ['$scope', 'Project', function($scope, Project) {

    }]);

  var myModule = angular.module('myApp', []);
    myModule.controller('myCtrl', , function($scope, Project) {

    });
    没加方括号压缩后可能有问题

Answer 4

Les dépendances sont trouvées en fonction des chaînes. Lors de l'écriture, vous prenez l'initiative d'écrire les dépendances, car les variables et autres éléments changeront après la compression, et Angular ne peut pas les trouver par lui-même.