babeljs - 如何创建一个供内部使用的 babel 插件

Question

我们如何使用尚未在 babel 存储库中被接受的 babel 插件？我在阅读 babel 插件文档时找不到这个答案。

我们有兴趣为 for...in 编写一个 babel 插件。循环以解决 ios9 ( ios9 Safari miscalculating sum ) 中的错误。虽然我们很乐意将它贡献给 babel 社区，但我也想知道它是否没有被接受或者还没有准备好用于一般消费，如何在本地开始使用和测试它。

Answer 1

可以使用可以托管在 git 上的自定义 babel 插件。

您可以引用https://github.com/jamiebuilds/babel-handbook/blob/master/translations/en/plugin-handbook.md学习如何在本地开发和测试你的 babel 插件。

开发插件后，您可以在项目的 package.json 中为其添加依赖项。文件。

请注意，如果您打算将插件存储库设为私有(private)，则必须创建一个个人访问 token (用于 Github)以允许 npm 获取存储库内容。在这种情况下，package.json 中的示例条目文件如下:
"babel-plugin-transform-for-of-loop": "git+https://{token}:x-oauth-basic@github.com/username/babel-plugin-transform-for-of-loop"
无论您为插件选择什么包名称，您都需要在 .babelrc 中为其添加引用。文件。对于此示例，它将如下所示:

{
  ...
  "plugins": [
    "babel-plugin-transform-for-of-loop"
  ]
}

完成后，您只需运行 npm install并且您的插件将对您的项目生效。