Babel

Flow 和 Babel 設計為能完美搭配使用。只要幾個步驟就能設定好。

如果你尚未設定 Babel，可以按照 這份指南 操作。

設定好 Babel 之後，使用 Yarn 或 npm 安裝 @babel/preset-flow 和 babel-plugin-syntax-hermes-parser。

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 外掛程式新增到你的 Babel 設定檔。

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

你可以閱讀 babel-plugin-syntax-hermes-parser 的文件，了解如何設定。 這個網站的 Babel 設定檔 提供了一個自訂剖析器選項的範例。