使用 Gulp 缩小（非转译）ES2015 代码

Question

如何在不将其转换为 ES5 的情况下缩小 ES2015 代码？流行的 gulp-minify 和 gulp-uglify 模块不能简单地缩小 ES2015 代码。

Answer 1

目前，使用 gulp 缩小 ES2015 的唯一方法是使用 gulp-babel，它将 ES2015 转换为 "traditional" Javascript，然后使用 gulp-uglify和 gulp-minify.

了解更多信息：gulp-babel

Answer 2

现在可以在不转换代码的情况下缩小 ES2015。 babel minify（以前称为 babili）是一个 babel 预设。

要安装：

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

使用 Gulp 缩小（非转译）ES2015 代码

Minify (not transpile) ES2015 code with Gulp

javascript

minify

ecmascript-6

gulp