介绍
@graphql-typed-document-node/core 是一个 npm 包，它提供了一种类型化的 GraphQL 查询语法，可以使得 JavaScript/TypeScript 的开发者更加方便、快捷地使用 GraphQL 查询。
该 npm 包的用途在于将 GraphQL 查询语句转换成类型化的代码，可以便捷地进行类型检查，保障代码的健壮性。同时，该包还具有相当高的灵活性，可以根据需求自定义其输出格式，适用于各种 Web 应用开发。
下面我们将详细了解如何使用该 npm 包进行 GraphQL 编程。
环境准备
在使用 @graphql-typed-document-node/core 之前，需要先完成环境的准备工作。
安装 Node.js：该 npm 包需要 Node.js 环境的支持。
安装 @graphql-typed-document-node/core：在命令行中输入以下命令即可安装该包。
npm install @graphql-typed-document-node/core
使用方法
声明一个 graphql 模板字符串
在使用该 npm 包时，需要先声明一个 graphql 模板字符串。该模板字符串定义了 GraphQL 查询语句，在后续的调用中会对其进行处理。假设我们的 GraphQL 查询如下：
----- ---------------------- -------- -
---------------- ---------- -
--
----
------ -
----
------
-
-
-我们可以将其存储到一个以常量形式命名的字符串中，然后调用该字符串即可开始编写代码：
----- ------------ - -
----- ---------------------- -------- -
---------------- ---------- -
--
----
------ -
----
------
-
-
-
--转换查询语句为类型化的 JavaScript/TypeScript 代码
在声明了 graphql 模板字符串后，我们需要使用 gql 函数将其转换为类型化的 JavaScript/TypeScript 代码。转换后的代码具有不同的类型，可以便捷地进行类型检查，提高应用程序的稳定性。
------ - --- - ---- ------------------------------------
----- --------------------- - --- -
----- ---------------------- -------- -
---------------- ---------- -
--
----
------ -
----
------
-
-
-
--在这里，我们将 FETCH_TWEETS 应用于 gql 函数，并将返回结果存储在 FETCH_TWEETS_DOCUMENT 中。
使用类型化的代码
在完成上述步骤后，我们就可以使用类型化的 GraphQL 查询代码。
------ - -------- - ---- -----------------
------ - --------------------- - ---- --------------------
-------- ------------- - --------- ------ -- -
----- - ----- -------- ----- - - ------------------------------- -
---------- -
--------- ---------------
--
---
-- --------- -
------ ----------------------
-
-- ------- -
------ ---------- -------------------
-
----- ------ - ------------
------ -
-----
------------------- ---- -- -
------ ---------- --
---
------
--
-在上述代码中，我们首先从 ./graphql/queries 导入 FETCH_TWEETS_DOCUMENT。然后，我们使用 useQuery 钩子函数发出 GraphQL 查询请求，并以 username 作为查询变量。最后，如果查询成功并返回数据，我们将以列表形式呈现推文。
结论
使用 @graphql-typed-document-node/core 有助于减少代码错误、提高开发效率。通过将 GraphQL 查询语法与 TypeScript 结合使用，可以得到更高的代码健壮性和稳定性。
希望本文能够帮助读者了解 @graphql-typed-document-node/core 的具体用法，同时也鼓励读者使用该工具进行 GraphQL 编程。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f697b75a9b7065299ccb80b