[] =上的UglifyJS2无效赋值

Question

我已经开始处理一个旧项目，它使用吞咽来缩小它的JS，但是当我运行gulp任务时，我得到了以下错误：

GulpUglifyError: unable to minify JavaScript
Caused by: SyntaxError: Invalid assignment
File: app/assets/js/main.js
Line: 92
invalid assignment [] =

当然，当我看第92行时，我看到了一个奇怪的变量赋值，它有一个我不熟悉的语法：

[newTitle, newVal] = $('#' + elementId + '-title').text().replace('*', '').split(':');

后来发生的情况是：

[prodW = 0, prodL = 0, boxL = 0] = currentOption.text().split(/[\/-]/);

如果我注释掉这些行，就会得到更多的错误，因为newTitle、newVal、prodW、prodL、boxL都在其他地方使用。

，知道这是怎么回事吗?有办法避免这些错误吗？

这是我正在运行的gulp任务，以防有帮助.

gulp.task('compressJS', function (cb) { 
    pump([
            gulp.src('app/assets/js/*.js'),
            uglify(),
            gulp.dest('build/js/')
        ],
        cb
    );
});

Answer 1

这是JavaScript ES6的一个特性，称为解构分配。

问题是Uglify2与ES6不兼容。您可以尝试使用兼容的新Uglify3，也可以先将ES6代码转换为ES5，例如gulp-babel：https://www.npmjs.com/package/gulp-babel。

使用Babel的好处还在于旧的浏览器不支持ES6。