使用Gulp-babel并在严格模式下获得＆＃34;参数名称冲突＆＃34;

Question

我尝试使用 gulp-babel ，因此我可以开始在ES5应用程序中编写一些ES6 / ES2015代码。

var gulp          = require('gulp'),
    gutil         = require('gulp-util'),
    gulpif        = require('gulp-if'),
    uglify        = require('gulp-uglify'),
    concat        = require('gulp-concat'),
    sass          = require('gulp-ruby-sass'),
    streamqueue   = require('streamqueue'),
    sourcemaps    = require('gulp-sourcemaps'),
    templateCache = require('gulp-angular-templatecache'),
    htmlReplace   = require('gulp-html-replace'),
    runSequence   = require('run-sequence'),
    stripDebug    = require('gulp-strip-debug'),
    del           = require('del'),
    es            = require('event-stream'),
    webpack       = require('webpack-stream'),
    babel         = require('gulp-babel'),
    browserSync   = require('browser-sync').create();

在我的代码中降低，这就是问题所在：

gulp.task('build-min-bundle', function() {
    gutil.log(gutil.colors.blue.bold(' Compiled bundle file contains these modules:'));
    for (var i=0; i<paths.scripts.length; i++) {
        gutil.log(gutil.colors.yellow.bold('  '+paths.scripts[i]));
    }
    return gulp.src(paths.bundle)
    .pipe(stripDebug())
    .pipe(concat(dist))
    .pipe(babel()) // <--
    .pipe(uglify())
    .on('error', errorlog)
    .pipe(gulp.dest('app/assets/js'));
});

我最初尝试过这个：

.pipe(babel({
    presets: ['es2015']
}))

  

严格模式下的参数名称冲突（2774：5）

Answer 1

错误不在您引用的代码中，而是在tickertags.bundle.min.js的第2774行。 Babel不是问题，Babel 报告问题。

在严格模式下，这是一个错误：

function foo(a, a) {
}

请注意，a已被用作参数名称两次。这是有效的松散代码，但不是有效的严格代码。这就是错误消息告诉你的内容。

Here's the error在巴贝尔的REPL中复制。

如果浏览器正确支持严格模式，则会在浏览器中复制错误：

"use strict";
function foo(a, a) {
}

在Chrome上，错误是

  

未捕获的SyntaxError：此上下文中不允许使用重复的参数名称