如何在Gulp上解决这个缩小错误？

Question

我在运行此命令时遇到错误

gulp.task('minify', function () {
    return gulp
      .src('public/app/js/myapp.bundle.js')
      .pipe(uglify())
      .pipe(gulp.dest('public/app/js/myapp.bundle.min.js'));
});

GulpUglifyError:无法缩小JavaScript引起:SyntaxError:意外的标记:name(MenuItem)(行:1628,col:18,pos:53569)

该位置的代码就是这个

 setters: [],
 execute: function () {
     class MenuItem {  // <-- line 1628

怎么了？

Answer 1

UglifyJS 目前不支持像类这样的 EcmaScript 6结构.

您可能需要首先通过转发器步骤运行JavaScript,或者找一个知道如何处理ES6代码的缩小器.

2017-06-17更新

旨在与ES6协同工作的UglifyJS分支现已发布uglify-es于npm.

更新2018-09-10

'terser'是新的'uglify-es'.'uglify-es'不再维护.

https://www.npmjs.com/package/gulp-terser

npm install gulp-terser --save-dev

Answer 2

如果您遇到这个问题，你有其实是一个transpiler一步通天塔一样，请确保您在您正确的巴贝尔预设.babelrc文件。否则 Babel 只会让你的代码保持原样。

例如

{
  "presets": ["es2015"]
}