gulp - 使用Babel转换为es3(与 Safari 兼容)

Question

我是通天塔新手。

我将其设置如下:

.babelrc:

{
    "presets": ["es2015", "es2017"]
}

gulpfile:

gulp.task('default', function() {
    return gulp.src(['src/**/*.js', '!src/**/3rd/*'])
        .pipe(babel())
        .pipe(gulp.dest('dist'));
});

但是，这似乎正在编译为es5，而Safari并不完全支持es5。

有没有办法设定目标？这样可以编译到ES3吗？

Answer 1

否，Babel不支持将代码转换为ES3。

您的选择是:

编译为ES5，然后使用ES5 shim。

使用其他编译器。 Google Closure Compiler和TypeScript都支持将ES6作为输入，并将ES3作为输出。

注意: Babel生成的“ES5”代码可能无法在所有浏览器中使用，因为它可能包含ES5中不存在的功能(有关更多信息，请参见 caveats)。换句话说，由于您要定位的是旧版浏览器，因此还需要 Babel polyfill和ES5填充程序。