Gulp uglify breaking angular application

Question

Khi cố gắng sử dụng gulp-ugily với ứng dụng góc của tôi, nó đang phá vỡ, mặc dù tôi đang chạy nó qua gulp-ngmin.

Dưới đây là file ngụm:

var gulp = require('gulp'), 
    concat = require('gulp-concat'), 
    ngmin = require('gulp-ngmin'), 
    uglify = require('gulp-uglify'); 

gulp.task('compress', function() { 
    gulp.src('client/js/source/*.js') 
     .pipe(concat('app.js')) 
     .pipe(ngmin()) 
     .pipe(uglify()) 
     .pipe(gulp.dest('client/js')); 
}); 

Answer 1

Nó giúp để vô hiệu hóa các tùy chọn mangle trong làm xấu đi, cho nó rối tung với tất cả những thứ tiêm và đặt tên.

.pipe(uglify({ mangle: false })) 

Answer 2

Có thể trả lời câu hỏi này cho người dùng trong tương lai, vì có vẻ như bài đăng cũ.

Sử dụng ng-chú thích để khắc phục sự cố AngularJS khi uglifying. Cài đặt nó như bất kỳ thư viện khác:

npm install gulp-ng-annotate --save-dev 

Và sau đó sử dụng này trong gulpfile.js của bạn:

var gulp = require('gulp') 
var concat = require('gulp-concat') 
var uglify = require('gulp-uglify') 
var ngAnnotate = require('gulp-ng-annotate') 

gulp.task('js', function() { 
    gulp.src(['src/**/module.js', 'src/**/*.js']) 
    .pipe(concat('app.js')) 
    .pipe(ngAnnotate()) 
    .pipe(uglify()) 
    .pipe(gulp.dest('.')) 
}) 

Hope giúp này!

Nguồn: https://medium.com/@dickeyxxx/best-practices-for-building-angular-js-apps-266c1a4a6917