Minify (not transpile) ES2015 code with Gulp

Question

How to minify ES2015 code without transpiling it to ES5? The popular gulp-minify and gulp-uglify modules do not work with simply minifying ES2015 code.

Could you change the accepted answer to [this](http://stackoverflow.com/a/39169594/3853934)? — Michał Perłakowski, Dec 10 '16 at 20:28

Gabriel Furstenheim · Accepted Answer · 2017-12-02T13:20:29.150

25

It is now possible to minify ES2015 without transpiling the code. babel minify (previously babili) is a babel preset that does that.

To install do:

npm install --save-dev babel-preset-minify

To use it with gulp you do:

var gulp = require('gulp')
var babel = require('gulp-babel')
gulp.task('default', () => {
  return gulp.src('src/app.js')
  .pipe(babel({presets: ['minify']}))
  .pipe(gulp.dest('dist'))
})

edited Dec 02 '17 at 13:20

answered Aug 26 '16 at 15:18

Gabriel Furstenheim

2,969
30
27

1

you need to add `npm install babili --save-dev` to your answer so that we don't have to click off-site – activedecay Jan 13 '17 at 22:07
I also had to do `npm install gulp-babel --save-dev` and `var babel = require('gulp-babel');` to make this to work. :) – Abhi Jun 07 '17 at 08:26
and `babili` is now called `babel-minify` – x29a Nov 29 '17 at 16:44

score 0 · Answer 2 · answered Dec 05 '15 at 16:14

0

Currently, the only way to minify ES2015 with gulp is to use gulp-babel which will transform ES2015 to "traditional" Javascript and then use gulp-uglify and gulp-minify.

Learn more at: gulp-babel

answered Dec 05 '15 at 16:14

ManuRGDev

535
4
10

this answer is no longer current. see the upvote winner – activedecay Jan 13 '17 at 22:07
@nguyên 'cause the response is now deprecated. New one is down comment – ManuRGDev Mar 10 '17 at 22:34
akk, it's bad, I don't agree with answer must correct all-times – nguyên Mar 11 '17 at 13:45

Minify (not transpile) ES2015 code with Gulp

2 Answers2

Linked