如何在gulp中管道输入到ugly -js-harmony

Question

我想丑化一些JS包含类。正如这里所讨论的，gulp-uglify目前不支持这一点。

我做了……

npm install uglify-js-harmony --save-dev

在之前的回答中建议，但作为一个前端开发新手，我现在不知道如何通过这个管道我的源代码，因为我可以用gulp-uglify。

我有这样的东西。

var uglify = require('uglify-js-harmony');
// ...
gulp.task('scripts', function(){
    return gulp.src(bower().concat(jsFiles))            
        .pipe(plumber())
        .pipe(concat('main.min.js'))
        .pipe(uglify())
        .pipe(gulp.dest(dest + 'js'))
        .pipe(reload({stream:true}))
});

…但它没有说[17:42:40] TypeError: uglify is not a function，我不知道如何继续。谢谢。

Answer 1

将常规gulp-babel与gulp-uglify结合使用要容易得多。

$ npm install --save-dev gulp-uglify gulp-babel babel-preset-es2015

那么……

var uglify = require('gulp-uglify'),
    babel  = require('gulp-babel');

// ...
gulp.task('scripts', function(){
    return gulp.src(//... src stuff
        .pipe(babel({ presets: ['es2015']}))
        .pipe(uglify()))
        //... other stuff
});