使用 Gulp 缩小（不转译）ES2015 代码答案

【问题标题】：Minify (not transpile) ES2015 code with Gulp使用 Gulp 缩小（不转译）ES2015 代码
【发布时间】：2016-03-10 07:18:43
【问题描述】：

如何缩小 ES2015 代码而不将其转换为 ES5？流行的 gulp-minify 和 gulp-uglify 模块不适用于简单地缩小 ES2015 代码。

【问题讨论】：

你能把接受的答案改成this吗？

标签： javascript gulp ecmascript-6 minify

【解决方案1】：

目前，使用 gulp 缩小 ES2015 的唯一方法是使用 gulp-babel，它将 ES2015 转换为“传统”Javascript，然后使用 gulp-uglify 和 gulp-minify。

了解更多信息：gulp-babel

【讨论】：

这个答案不再是最新的。查看投票获胜者
@nguyên '因为响应现在已被弃用。新的是down评论
akk，这很糟糕，我不同意答案必须始终正确

【解决方案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'))
})

【讨论】：

您需要将npm install babili --save-dev添加到您的答案中，这样我们就不必在场外点击
我还必须执行npm install gulp-babel --save-dev 和var babel = require('gulp-babel'); 才能使其正常工作。 :)
和babili 现在称为babel-minify