在现代的前端开发中，GraphQL 已经成为了一个非常流行的 API 查询语言，而在使用 GraphQL 时，一些常用的功能比如类型定义，条件查询等在很多情况下都是必需的。@graphql-toolkit/common 是一个 NPM 包，为在 GraphQL 中常用的功能提供了集成解决方案，本文将会介绍如何在前端项目中使用这一神奇的工具包。
安装 @graphql-toolkit/common
要使用这个 NPM 包，你需要首先将其安装到你的项目中。你可以通过在终端中执行以下命令来完成这个任务：
npm install @graphql-toolkit/common --save
使用 @graphql-toolkit/common
安装完后，使用该工具包很简单。你需要导入它，然后在代码中通过一个可配置的 buildSchema 方法来定义你的 Schema。下面我们将演示具体的使用方法：
-- -------------------- ---- -------
------ - ----------- - ---- --------------------------
----- ------ - -------------
----- --------- -
----- -------
---- ---
-
---- ---- -
--- ---
----- -------
---- ---
-
---- ----- -
------ ------
-
---- -------- -
----------------- ------------ ----
-
---在这个例子中，我们通过 buildSchema 方法来定义了一个 User 类型和 createUser 和 users Query，我们同时使用了输入类型 UserInput 来指定 createUser 的参数。这就是 @graphql-toolkit/common 为我们提供的一个优秀的工具。
示例代码
下面是一个完整的前端 GraphQL Schema 定义文件，其中包括了使用 @graphql-toolkit/common 所有支持的基础类型和内建类型，同时还包括了在开发中常见的一些例子：
-- -------------------- ---- -------
------ - ----------- - ---- --------------------------
----- ------ - -------------
----- --------- -
----- -------
---- ---
-
---- ---- -
--- ---
----- -------
---- ---
-
---- ------- -
--- ---
----- -------
------------ ------
-
---- ----- -
------ ------
---------- ---------
-------- ----- ----
----------- ----- -------
-
---- -------- -
----------------- ------------ ----
------------------- -------- ------------ -------- -------
-------------- ---- ------ ------------ ----
----------------- ---- ----- -------- ------------ -------- -------
-------------- ----- ----
----------------- ----- -------
-
---
------ ------- -------指导意义
@graphql-toolkit/common 是一个非常有用的 GraphQL 工具包，可以帮助前端开发工程师更加高效地定义和使用 GraphQL Schema。本篇文章不仅介绍了使用方法和代码示例，还展示了如何使用输入类型和内建类型，在前端项目中更好地支持 GraphQL。希望读者能够通过本文加深对 @graphql-toolkit/common 的理解和掌握，更好地使用它来提高工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/192788