Babel

Flow と Babel は、一緒に動作するように設計されています。一緒に設定するには、ほんの少しの手順が必要です。

まだ Babel の設定がない場合は、このガイドに従って設定できます。

Babel を設定したら、@babel/preset-flowとbabel-plugin-syntax-hermes-parserをYarnまたはnpmを使用してインストールします。

yarn add --dev @babel/preset-flow babel-plugin-syntax-hermes-parser
# or
npm install --save-dev @babel/preset-flow babel-plugin-syntax-hermes-parser

次に、バベルの構成に@babel/preset-flowプリセットとbabel-plugin-syntax-hermes-parserプラグインを追加します。

{
  "presets": ["@babel/preset-flow"],
  "plugins": ["babel-plugin-syntax-hermes-parser"],
}

babel-plugin-syntax-hermes-parserのドキュメントを読むとその構成方法を確認できます。 この Web サイトのバベル構成は、カスタムパーサーオプションの例を提供しています。