如果你正在开发前端应用，且使用了 Apollo GraphQL，那么你可能会遇到需要生成 Flow 类型的需求。这时候，我们可以使用 apollo-codegen-flow 这个 npm 包来帮助我们生成 Flow 类型。
安装
首先，我们需要安装 apollo-codegen-flow。在命令行中输入以下代码即可安装：
npm install apollo-codegen-flow --save-dev
配置
接下来，我们需要配置生成 Flow 类型的相关信息。在项目的根目录下创建一个叫做 codegen.yml 的文件，并将以下代码复制进去：
-- -------------------- ---- -------
------- -------------------------------
--------
- -----------------
- ----------------------------------
----------
--------------------------
--------
- ----
- ---------------------
- -----------------------其中，schema 为我们使用的 GraphQL API 地址，queries 为查询文件的路径，generates 为生成文件的路径和使用的插件。在这里，我们使用了 flow 插件来生成 Flow 类型。
使用
在配置完成后，我们就可以使用以下命令生成 Flow 类型了：
apollo-codegen generate --target flow --endpoint=<endpoint> --passthroughCustomScalars --customScalarsPrefix=@custom/
其中，endpoint 为 GraphQL API 的地址。同时，我们还可以使用 passthroughCustomScalars 开启自定义标量类型，并通过 customScalarsPrefix 指定自定义标量的前缀名。
示例代码
以下是一个示例代码，展示了如何生成 Flow 类型。
代码中，我们使用了 GraphQL API（https://api.spacex.land/graphql/），查询了 SpaceX 公司的航天器信息，并打印出了查询结果。
-- -------------------- ---- -------
------ - --- - ---- ---------------
------ ------------ ---- ---------------
------ - ----- - ---- ----------
------ - -------- - ---- ----------------------
----- ------ - --- --------------
---- -----------------------------------
---
----- ----- - ----
----- -
----- -
----
----
-
-
--
-------------- ----- -------------- -- -
---------------------------------- --------------
---总结
通过这篇文章的学习，我们可以了解到如何使用 apollo-codegen-flow 这个 npm 包，生成 Flow 类型。同时，我们也可以将这个包应用到我们的实际项目开发中，并方便地生成所需的类型声明文件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/195852