javascript - 如何将 uglify-es 与 gulp 一起使用？

Question

我正在使用 gulp 来丑化我的文件，它对于较旧的 Javascript 工作得很好。

已经有一个关于如何丑化 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 包以及代码必须是什么样子？

Answer 1

这在 README 中有一定程度的记录。用于 gulp-uglify。为了清楚起见，我稍微修改了示例以匹配您的代码片段。

您需要首先 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
  );
});