GraphQL 是一种用于 API 的查询语言，它可以让客户端精确地指定需要的数据，从而避免了过度获取数据的问题。然而，手动编写 GraphQL 查询代码是一项繁琐的任务，尤其是当查询变得越来越复杂时。在这种情况下，自动生成 GraphQL 查询代码的工具将非常有用。
graphql-generator 是一个开源的前端代码库，可以根据 GraphQL schema 自动生成查询代码。它支持 TypeScript、JavaScript 和 Flow，并且可以与大多数现有的 GraphQL 服务器兼容。在本文中，我们将介绍 graphql-generator 的使用方法和一些示例代码。
安装和使用
要使用 graphql-generator，您需要先安装它：
npm install -g graphql-generator
接下来，您需要创建一个配置文件，指定要生成的查询代码的目标目录、GraphQL 服务器的 URL 和 schema 文件的位置。下面是一个示例配置文件：
-- -------------------- ---- -------
-
--------- -------------------
------------ ----------------
--------- -----------------------------
------ --------------------------------
---------- -
---------------- ------- ------
--
-------- -
-其中，schema 指定了 GraphQL schema 文件的位置，documents 指定了包含 GraphQL 查询代码的文件（通常是 TypeScript 或 JavaScript 文件）的目录或文件，output 指定了生成的查询代码的输出目录和文件名，url 指定了 GraphQL 服务器的 URL，headers 指定了需要发送到服务器的 HTTP 标头，depth 指定了生成的查询代码的嵌套深度。
配置文件准备好后，您可以运行以下命令来生成查询代码：
graphql-generator generate
graphql-generator 将根据配置文件中指定的信息，从 GraphQL schema 自动生成查询代码，并将其写入指定的输出文件中。
示例代码
下面是一个简单的示例，演示如何使用 graphql-generator 生成 GraphQL 查询代码：
-- -------------------- ---- -------
------ - --- - ---- ---------------
------ - ----- - ---- ----------------------
----- --------- - ----
----- -------- -
----- -
--
----
-
-
--
---------------------
------ ----------
-------------- -- -
-------------------------------
---在这个示例中，我们使用 gql 函数创建了一个包含 GraphQL 查询的模板字符串，并将其传递给了 client.query 函数。client.query 函数将发送一个 GET_USERS 查询到服务器，并返回一个 Promise，该 Promise 在查询完成后解析为包含查询结果的对象。
指导意义
graphql-generator 可以大大简化编写 GraphQL 查询代码的过程，特别是当查询变得越来越复杂时。它可以帮助开发人员更快地编写查询代码，并且可以减少由于手动编写代码而导致的错误。
然而，自动生成的代码并不总是最优的。在某些情况下，手动编写代码可能会更好。因此，我们建议您在使用 graphql-generator 之前，先了解 GraphQL 查询语言的基础知识，并根据需要进行调整和优化生成的代码。
总之，graphql-generator 是一个非常有用的工具，可以帮助前端开发人员更轻松地编写 GraphQL 查询代码。我们希望本文可以帮助您了解如何使用 graphql-generator，并在开发过程中提高效率和准确性。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/678ab25c881faa801f990673