004.使用插件

基本使用 §

在 Babel 要使用一个插件，步骤实际上非常简单，就分为两步：

1. 安装插件
2. 在配置文件或者 CLI 中指定插件

举个例子，有一个专门将箭头函数转为普通函数的插件：

pnpm add @babel/plugin-transform-arrow-functions -D

之后在配置文件中进行插件配置即可：

{  
  "plugins": ["@babel/plugin-transform-arrow-functions"]  
}

插件使用的细节 §

插件的运行顺序 §

plugins 对应的值为一个数组，说明是可以指定多个插件的，插件的运行会从左往右运行。

如果配置文件中既配置了插件，又配置了预设，Babel 会先运行插件，然后再运行预设里面的插件，也就是说，插件运行的时机是要早于预设的。

插件选项 §

在使用插件时，可以传递插件选项，有三种写法：

{
  "plugins": ["pluginA", ["pluginA"], ["pluginA", {}]]
}

上面的三种写法目前来讲是等价的，而第三种写法，数组第二项的对象就是用来传递插件的配置项：

{
  "plugins": [
    [
      "transform-async-to-module-method",
      {
        "module": "bluebird",
        "method": "coroutine"
      }
    ]
  ]
}

关于插件究竟有哪些配置项，需要去参阅插件相关的文档。

插件列表 §

可以在 官网 看到 Babel 支持的大多数插件。

每个插件点击进去会包含该插件对应的说明信息，一般包含这些内容：

• 该插件的说明
• 插件编译前后代码的区别
• 该插件的使用方法
• 该插件的配置选项