.babelrc中插件和预设之间的区别

Question

情况

所以我有.babelrc这样的:

{
    "presets": [
        "es2015",
        "stage-2",
        "react"
    ],
    "plugins": [
        "transform-decorators-legacy"
    ]
}

题

预设和插件有什么区别？我应该使用哪一个来配置Babel？

Answer 1

TL;博士

预设只是插件的集合.您可以在plugins阵列中单独包含插件,也可以在阵列中包含插件集合presets.如果插件是集合(预设)的一部分,则不必单独包含它plugins.

当你包含它们时,npm包也是如此package.json.

预设与插件

Babel有很多官方插件和第三方插件.预设是插件的集合或正如他们所说:

预设是可共享的.babelrc配置或简单的一系列babel插件.

预设的插件

最常见的预设是官方预设和实验预设.

大多数官方预设都包含用于转换EcmaScript标准功能的插件,而实验(stage-x)预设包含插件,这些插件可以转换未来的实验功能,其标准化仍在进行中.从第0阶段(只是一个想法)到第3阶段(候选人),您将拥有更接近标准化的插件集合.因此,当您包含预设时,每个预设都会包含更高的stage-x值.这些预设中包含的插件在每个版本中都会不断变化,因为它们正在进行中,如果插件被拒绝,插件有可能会被删除.这就是为什么你需要transform-decorators-legacy,因为装饰器转换已经从Babel中移除了,尽管他们将来会添加它.

单击预设时,您可以看到其中包含哪些插件(可能还有其他预设).如果您通过预设添加了插件,则无需单独添加插件.这同样适用于package.json当包括预置的NPM包.