How to pipe input to uglify-js-harmony in gulp

Question

I want to uglify some JS containing classes. This is not supported by gulp-uglify at the moment as discussed here.

I have done . .

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

as advised in the previous answer, but being new to front end dev in general, I now don't know how to pipe my source through this as I could with gulp-uglify.

I have something like this . .

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}))
});

... but it bails saying [17:42:40] TypeError: uglify is not a function, and I'm at a loss on how to proceed. Thanks.

uglify-js-harmony looks like a convoluted tool that's only meant to be used on the command line. I don't think it's going to be easy to use here. I would probably pipe through babel instead. — Andy Ray, Nov 09 '16 at 18:18

score -1 · Answer 1 · answered Nov 09 '16 at 19:10

-1

It is much easier to just use regular gulp-babel in combination with gulp-uglify . .

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

Then . . .

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
});

answered Nov 09 '16 at 19:10

learnvst

15,455
16
74
121

1

It is much easier, yes, but the regular uglify doesn't understand ES6+ syntax like `for await`, `@decorators` and so on. – kernel Jan 20 '17 at 21:20

How to pipe input to uglify-js-harmony in gulp

1 Answers1