前言
GraphQL（Graph Query Language）是一种用于 API 开发的新型查询语言，已经被广泛应用于各种 Web 应用程序中。为了方便使用 GraphQL，发展出了许多与其相关的工具，如 GraphiQL、GraphQL Playground 等。
@graphql-codegen/core 是一个类库，它可以自动化生成一些 GraphQL 相关的东西，比如 TypeScript 定义、React Hooks 等。本文将为大家介绍如何使用 @graphql-codegen/core。
安装
使用 npm 来安装：
npm install --save @graphql-codegen/core
基本用法
生成 TypeScript 定义
首先需要创建一个配置文件 codegen.yml：
-- -------------------- ---- -------
---------- ----
------- --------------------- - ------- ----
---------- -------------------- - ------- ----
----------
---------------------------
--------
- ------------
- -----------------------
- -------------------------然后运行以下命令来生成代码：
npx graphql-codegen
生成 React Hooks
除了生成 TypeScript 定义，@graphql-codegen/core 还可以生成一些 React Hooks：
-- -------------------- ---- -------
---------- ----
------- --------------------- - ------- ----
---------- -------------------- - ------- ----
----------
---------------------------
--------
- ------------
- -----------------------
- -------------------------
--------------------------
--------
- ------------
- -------------------------
- ----
-------- --
------ - ----------------- - ---- ------------------------------------
------- ------ ------------------------ -
------ - ---------------- - ---- -----------------
------ - -------------- - ---- -----------------------------
------ ---- ---------------------- - -------------- -------
------ ---- ------------- - -
------------ --------
------- -------------- - -----
-
------ ----- ----------------- -------------------------------- ------------------------
------ -------- -------------------------- ------------------------------------ ------------------------ ----------- ------ ----------------------- -------- -------- ------- --- -
-
------- ------ -------------------------- -
------ - ---------------- - ---- -----------------
------ - ---- - ---- -----------------------------
------ ---- ------------------------- - -
--- -------
--
------ ---- ---------------- - -
------------ --------
------ ---- - -----
-
------ ----- -------------------- ----------------------------------- ---------------------------
------ -------- ---------------------------- --------------------------------------- --------------------------- ----------- ------ ------------------------- -------- -------- ------- --- -
-
- -----------------------
- -------------------------运行以下命令生成代码：
npx graphql-codegen
总结
本文为大家介绍了如何使用 @graphql-codegen/core，希望对大家学习 GraphQL 以及前端技术有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/148469