如何在gulp中将输入传递给uglify-js-harmony

时间:2016-11-09 17:50:52

标签: javascript gulp ecmascript-6 gulp-uglify

我想丑化一些包含JS的类。 gulp-uglify目前不支持此discussed here

我做到了。 。

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,我对如何继续做法感到茫然。感谢。

1 个答案:

答案 0 :(得分:-1)

将常规gulp-babelgulp-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
});