如何uglify JavaScript類？

Question

我使用classes syntax書寫基本的JavaScript，並試圖uglify it with gulp，但得到這個錯誤：

events.js:72
throw er; // Unhandled 'error' event

我只是用示例代碼從Mozilla的網站：

class Polygon { 
    constructor(height, width) { 
    this.height = height; 
    this.width = width; 
    } 
} 

並沒有什麼特別的我gulp文件 - 完美適用於任何非class js：

// Include gulp 
var gulp = require('gulp'); 

// Include Our Plugins 
var jshint = require('gulp-jshint'); 
var concat = require('gulp-concat'); 
var uglify = require('gulp-uglify'); 
var rename = require('gulp-rename'); 

// Lint Task 
gulp.task('lint', function() { 
    return gulp.src('js/*.js') 
     .pipe(jshint()) 
     .pipe(jshint.reporter('default')); 
}); 

// Concatenate & Minify JS 
gulp.task('scripts', function() { 
    return gulp.src('js/*.js') 
     .pipe(concat('all.js')) 
     .pipe(gulp.dest('dist/js')) 
     .pipe(rename('all.min.js')) 
     .pipe(uglify()) 
     .pipe(gulp.dest('dist/js')); 
}); 

// Watch Files For Changes 
gulp.task('watch', function() { 
    gulp.watch('js/*.js', ['lint', 'scripts']); 
    gulp.watch('scss/*.scss', ['sass']); 
}); 

// Default Task 
gulp.task('default', ['lint', 'scripts', 'watch']); 

Answer 1

當時，我用workaro解決了這個問題und by transpiling to ECMA 5 with Babel。

後來我發現它不是我的Node環境的問題，因爲評論讓我相信，但實際上它是因爲the default uglify branch used in gulp-uglify doesn't support ECMA 6 yet。

正確的解決方案是改爲使用harmony branch of UglifyJS2或使用npm包裝uglify-js-harmony。