插件安装与配置

安装插件, 比如:

yarn add babel-plugin-root-import
yarn add @babel/plugin-proposal-optional-chaining

配置插件:

babel.config.js

module.exports = {
  plugins: [
    // 数组语法 [插件名, 配置选项]
    [
      "babel-plugin-root-import",
      {
        rootPathPrefix: "~",
        rootPathSuffix: "src"
      }
    ],
    // 字符串语法
    "@babel/plugin-proposal-optional-chaining"
  ]
};

如果插件是以 babel-plugin 开头的, 可以省略, 如:

module.exports = {
  plugins: ["root-import"]
};

插件选项

若你希望让你的用户自定义 Babel 插件的行为,你可以接收指定的选项:

{
  plugins: [
    [
      "my-plugin",
      {
        option1: true,
        option2: false
      }
    ]
  ];
}

这些选项会通过 state 对象传递给插件的访问者(visitors):

export default function({ types: t }) {
  return {
    visitor: {
      FunctionDeclaration(path, state) {
        console.log(state.opts);
        // { option1: true, option2: false }
      }
    }
  };
}

这些选项是插件特定的,因此你不能从其他插件里访问到这些选项。

MIT Licensed | Copyright © 2018-present 滇ICP备16006294号

Design by Quanzaiyu | Power by VuePress