7
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Babel Pluginを作成するときに有効な情報まとめ

Last updated at Posted at 2017-09-20

まずは、thejameskyle先生のBabel Handbookに目を通すのがよいと思います。
日本語訳は途中まで書かれているのがあります。
https://github.com/thejameskyle/babel-handbook/blob/master/translations/en/plugin-handbook.md

ASTの確認はastexplorerを使うと非常に直感的に理解ができてよいです。
https://astexplorer.net/

Babel Pluginのテストは、babel-plugin-testerを使うとよいです。
snapshotテストで簡単にテストできます。
https://github.com/babel-utils/babel-plugin-tester

また、consoleでASTを確認するのにbabel-logを使うと便利です。
https://github.com/babel-utils/babel-log

他の知見としては、BabelのレポジトリからFlowtypeの型定義ファイルを持ってくると開発がスムーズです。
https://github.com/babel/babel/blob/7.0/lib/types.js

babel公式のAPIについてのドキュメントも必須です。
こちらをにらめっこしながら書くことになると思います。
しかし、コメントまわりなどの処理を書こうとするとここに載っていないAPIを使うことになり、Babelのコードの読みに行く必要があります。
https://babeljs.io/docs/core-packages/babel-types/

Tips

Pluginを書いていてよくわからないエラーに遭遇した際、デバッガで追っても全然追えないことがあります。
そのような場合は基本的にNodeとPathを取り違えているので、確認するとよいです。

7
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?