我应该将哪些 Babel 转换器列入 Chrome 应用程序的黑名单？

Question

我正在编写 ES6+ 代码并使用 Babel 编译它（目前使用 {stage: 0} 作为我的 .babelrc 配置）。

所以我正在将所有内容编译到 ES5。但我只针对 Chrome v47+，它原生支持一些 ES6+ 功能。

我可以将哪个默认 Babel transformers 列入黑名单（禁用）并且仍然让我的代码在 Chrome 47+ 中运行？

Answer 1

可用的 ES6+ 功能

ES6 Feature             Release   Babel Transformer                   Spec. Compliant*
--------------------------------------------------------------------------------------
Rest Parameters        | 47      | es6.parameters                    | ✔
Spread                 | 46      | es6.spread                        | ✔
Arrow Functions        | 45      | es6.arrowFunctions                | ✔
Extended Obj. Literals | 45      | es6.properties.shorthand/computed | ✘
Computed Prop. Names   | 44      | es6.properties.shorthand/computed | ✘
Classes                | 42      | es6.classes                       | ✘
Template Strings       | 41      | es6.templateLiterals              | ✘
Generators             | 39      | regenerator                       | ✘
JS iterators           | 38      | es6.forOf                         | ✘
Block bindings         | 18      | es6.blockScoping/constants        | ✘

*我已经导出了 Spec 列。通过查看当前实现所基于的规范草案来符合（re: Chrome not Babel）。例如“Editor's Draft”——我认为这意味着实现可能不完整或不正确。

______

Babel Transformer 依赖项

这些是我从 Babel 源代码中确定的转换器之间的依赖关系：

Transformer               Dependencies
--------------------------------------------
es7.classProperties      | es6.classes
es7.decorators           | es6.classes
es7.asyncFunctions       | es6.classes
es7.objectRestSpread     | es6.destructuring

______

结论

似乎没有 ES6 Babel 转换器依赖于另一个。因此，任何在 Chrome 中实现的 ES6 功能，都是规范的。兼容，你不再需要依赖 Babel。它们是：es6.parameters、es6.spread 和 es6.arrowFunctions。

Answer 2

目前它不像为环境支持的功能禁用转换器那么简单，因为某些转换器依赖于其他转换器。例如，es7.asyncFunctions 转换器依赖于es6.classes，即使对于本机支持类的环境也是如此。通过“依赖”，我并不是说es7.asyncFunctions 自动调用es6.classes，我的意思是es6.classes 必须单独启用（明确地或不被列入黑名单）。见babel/babel#2415。

也可能感兴趣：babel/babel#2340。