Gulp ngmin + verunstalten nicht ordnungsgemäß funktioniert

Question

Ich habe folgende schluck Aufgabe:

gulp.task('scripts', function() { 
return gulp.src(['app/js/app.js', 'app/config/config.js', 'app/js/controllers.js', 'app/js/directives.js' , 'app/js/filters.js', 'app/js/footer.js', 
       'app/js/guideTour.js', 'app/js/mobileBanner.js', 'app/js/services.js', 'app/js/youtube.js', 'app/js/dataSync.js', 'app/js/addthis.js']) 
//.pipe(jshint('.jshintrc')) 
.pipe(jshint.reporter('default')) 
.pipe(concat('main.js')) 
.pipe(ngmin()) 
.pipe(gulp.dest('app/dist/js')) 
.pipe(rename({suffix: '.min'})) 
.pipe(uglify()) 
.pipe(gulp.dest('app/dist/js')) 
.pipe(livereload(server)) 
.pipe(notify({ message: 'Scripts task complete' })); 
}); 

Das Problem ist, dass die verketteten Datei, die auch die Ausgabe von ngmin ist(), fein arbeitet, aber nach uglifying den Code , etwas bricht, und ich bekomme die following error.

Mit keinem bestimmten Indikator, wo Debuggen zu starten.

Stapelüberwachung:

Error: [$injector:unpr] http://errors.angularjs.org/1.2.9/$injector/unpr?p0=eProvider%20%3C-%20e 
at Error (native) 
at http://localhost:8000/angular/angular.min.js:6:449 
at http://localhost:8000/angular/angular.min.js:32:125 
at Object.c [as get] (http://localhost:8000/angular/angular.min.js:30:200) 
at http://localhost:8000/angular/angular.min.js:32:193 
at c (http://localhost:8000/angular/angular.min.js:30:200) 
at Object.d [as invoke] (http://localhost:8000/angular/angular.min.js:30:417) 
at http://localhost:8000/angular/angular-route.min.js:10:302 
at Object.q [as forEach] (http://localhost:8000/angular/angular.min.js:7:380) 
at http://localhost:8000/angular/angular-route.min.js:10:248 

Answer 1

Lösung lief uglify Aufgabe mit mangle Option auf false gesetzt. dh: .uglify({mangle: false})

ganze Code:

gulp.task('scripts', function() { 
return gulp.src('app/js/**/*.js') 
.pipe(jshint('.jshintrc')) 
.pipe(jshint.reporter('default')) 
.pipe(concat('main.js')) 
.pipe(ngmin()) 
.pipe(gulp.dest('app/dist/js')) 
.pipe(rename({suffix: '.min'})) 
.pipe(uglify({mangle: false})) 
.pipe(gulp.dest('app/dist/js')) 
.pipe(livereload(server)) 
.pipe(notify({ message: 'Scripts task complete' })); 
}); 

Answer 2

Sie don `t mangle auf false setzen müssen, die Sie gerade ng-annotate und rufen Sie auf Ihrem gulpfile.js wie diese verwenden:

var ngAnnotate = require('gulp-ng-annotate') 
... 
gulp.task('scripts', function() { 
return gulp.src('app/js/**/*.js') 
.pipe(jshint('.jshintrc')) 
.pipe(jshint.reporter('default')) 
.pipe(concat('main.js')) 
.pipe(ngmin()) 
.pipe(gulp.dest('app/dist/js')) 
.pipe(rename({suffix: '.min'})) 
.pipe(ngAnnotate()) 
.pipe(uglify()) 
.pipe(gulp.dest('app/dist/js')) 
.pipe(livereload(server)) 
.pipe(notify({ message: 'Scripts task complete' })); 
}); 

funktioniert auf meine Projekte für App in einer einzigen Datei