javascript - Babel 6 预设的顺序重要吗？

Question

当我列出预设时，顺序重要吗？

换句话说，以下 .babelrc 文件是否等效？

.babelrc #1

{
  "presets": ["es2015", "stage-2", "react"]
}

.babelrc #2

{
  "presets": ["react", "stage-2", "es2015"]
}

Answer 1

来自babeljs.io/docs/plugins: (截至2016年9月30日)

插件/预设排序

订购对于插件中的每个访问者都很重要。这意味着如果两个转换都访问“程序”，则转换将以插件或预设顺序运行。

插件在预设之前运行。

插件顺序是从先到后。

"plugins": [
  "transform-decorators-legacy", // will run first
  "transform-class-properties" // will run second
]

预设顺序相反(最后到第一个)。

是的，这很令人困惑，请参阅 babel/notes #2 .

我认为(为了向后兼容)的原因是大多数用户首先列出了“es2015”，然后列出了“stage-0”。 stage-0 将在 es2015 之前运行。

"presets": [
  "es2015", // will run third
  "react", // will run second
  "stage-2" // will run first
]