javascript - 是否可以针对特定浏览器目标运行 browserify/babel 中的构建？

Question

查看如下表格: http://kangax.github.io/compat-table/es6/

看起来 Chrome 已经非常接近支持大部分 ES6，这意味着(在我看来)我应该能够在开发过程中放弃以下内容:

var babelifyOptions = {
    presets: ['es2015', 'stage-0', 'react'],
    extensions: ['.js', '.jsx']
};

使用 browserify 时:

browserify(browserifyOptions)
    .transform(babelify.configure(babelifyOptions))
    .bundle()
    .pipe(source('app.js'))
    .pipe(buffer())
    .pipe(gulp.dest('./dist/js'));

希望能够加快构建时间。当构建到生产环境时，显然仍然需要转译。

但是，当我放弃 es2015 预设时，browserify 在构建上出现了问题，无法理解诸如 ... 之类的内容。这是有道理的，但是是否可以在仅针对 Chrome 的情况下运行 browserify？ (即允许 Chrome 当前理解的 token /运算符/功能)。

Answer 1

我不认为 browserify 是问题所在，而是您的 NodeJS 版本存在问题。我认为 NodeJS 6 是第一个默认支持许多 ES2015 功能的版本，但值得注意的是它不支持新的 ES 模块系统。有一些 Babel 预设可以弥补缺失的内容。以下是我在快速搜索中找到的列表:

• babel-preset-es2015-node6
• babel-preset-node6
• babel-preset-es2015-node
• babel-preset-es6-node6

注意:我没有使用过其中任何一个，因此无法为您推荐。