如何在 gulp 中使用 uglify-es？答案

【问题标题】：How to use uglify-es with gulp?如何在 gulp 中使用 uglify-es？
【发布时间】：2017-08-06 14:42:34
【问题描述】：

我正在使用 gulp 对我的文件进行 uglify，它适用于较旧的 Javascript。

已经有一个关于如何 uglify ES6-javascript 文件的问题：how to uglify javascript classes?

那是因为我的代码不起作用（类是 ES5 或 smth）：

gulp.task('handleJs', () => {
  gulp.src('src/frontend/xy/js/file.js')
    .pipe(uglify());
}

答案似乎不再是最新的，因为 uglify-js-harmony 已被弃用 (https://www.npmjs.com/package/uglify-js-harmony)。

它说，我应该使用 uglify-es（而不是 -js）但我没有找到解决方案，如何将它与 gulp 一起使用？我真正需要哪些 npm-packages 以及代码的外观如何？

【问题讨论】：

标签： javascript node.js gulp uglifyjs gulp-uglify

【解决方案1】：

这在README 中针对 gulp-uglify 进行了一定程度的记录。为了清楚起见，我稍微修改了那里的示例以匹配您的 sn-p。

您需要先npm install pump、gulp-uglify 和 uglify-es 包（以及您的项目需要的任何其他包。然后，您可以设置类似的 gulp 任务如下：

var uglifyjs = require('uglify-es');
var composer = require('gulp-uglify/composer');
var pump = require('pump');

var minify = composer(uglifyjs, console);

gulp.task('handleJs', function (cb) {
  var options = {};

  pump([
      gulp.src('src/frontend/xy/js/file.js'),
      minify(options),
      gulp.dest('dist')
    ],
    cb
  );
});

【讨论】：