Свернуть (не транслировать) код ES2015 с помощью Gulp

Как минимизировать код ES2015, не переставляя его на ES5? Популярные модули gulp-minify и gulp-uglify не работают с простым сокращением кода ES2015.

Ответы

Ответ 1

Теперь можно минимизировать ES2015 без перекоса кода. babel minify (ранее babili) - это предварительный набор babel, который делает это.

Чтобы установить do:

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

Чтобы использовать его с помощью gulp, выполните следующие действия:

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

Ответ 2

В настоящее время единственным способом минимизации ES2015 с помощью gulp является использование gulp-babel, который преобразует ES2015 в "традиционный" Javascript, а затем использует gulp-uglify и gulp-minify.

Узнайте больше: gulp-babel