javascript - Gulp uglify 无法处理箭头函数

Question

我正在尝试使用gulp-uglify压缩我的项目，但是每当遇到箭头函数时，gulp似乎都会抛出错误Unexpected token: punc ()代码。我能做些什么来解决这个问题吗？谢谢。

gulp-crash-test.js

// Function with callback to simulate the real code
function test(callback) {
    if (typeof callback === "function") callback();
}

// Causes a crash
test(() => {
    console.log("Test ran successfully!");
});

// Doesn't cause a crash
test(function () {
    console.log("Test ran successfully!");
});

gulpfile.js

var gulp = require("gulp");
var concat = require("gulp-concat");
var uglify = require("gulp-uglify");

gulp.task("scripts", function() {
    gulp.src([
        "./gulp-crash-test.js"
    ]).pipe(
        concat("gulp-crash-test.min.js")
    ).pipe(
        uglify().on('error', function(e){
            console.log(e);
        })
    ).pipe(
        gulp.dest("./")
    );
});

gulp.task("watch", function() {
    gulp.watch("./gulp-crash-test.js", ["scripts"]);
});

gulp.task("default", ["watch", "scripts"]);

Answer 1

箭头函数是 ES6 的一项功能。 Babel(和其他)旨在将 ES6 转换为 ES5 或更早版本，作为构建过程的一部分。幸运的是，Gulp 和 Grunt 有 Babel 插件。在 uglify 之前运行 Babel。

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

我希望这能引导您走向正确的方向/有人可以演示一些代码。