Gulp uglify 破角应用

Question

当我尝试将 gulp-ugily 与我的 Angular 应用程序一起使用时，它会中断，即使我正在通过 gulp-ngmin 运行它。

这是 gulp 文件：

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

这有助于禁用 uglify 中的 mangle 选项，因为它会混淆所有注入内容和命名。

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

Answer 2

也许为未来的用户回答这个问题，因为帖子似乎很旧。

在 uglifying 时使用 ng-annotate 修复 AngularJS 问题。像任何其他库一样安装它：

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

然后在你的 gulpfile.js 中使用它：

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('.'))
})

希望这有帮助！

来源：https://medium.com/@dickeyxxx/best-practices-for-building-angular-js-apps-266c1a4a6917