GraphQL 是一种基于类型系统的查询语言，它的一个优势是可以描述数据的形状和其如何被访问。而 @graphql-tools/url-loader 是一个 npm 包，可以帮助前端工程师更方便地加载 GraphQL schema，这篇文章主要介绍如何使用该 npm 包。
安装 @graphql-tools/url-loader
首先需要安装 npm 包 @graphql-tools/url-loader：
npm install @graphql-tools/url-loader
使用 @graphql-tools/url-loader
使用前需要了解 schema，它是用于定义 GraphQL API 数据类型的规范。在 graphql 服务器中，通过定义 schema 表示可以被查询的数据，并对查询进行限制。
@graphql-tools/url-loader 可以从远程 URL 加载一个 schema。
const { loadSchema } = require('@graphql-tools/url-loader');
const url = 'https://example.com/graphql';
const schema = await loadSchema(url);默认情况下，会将 schema 的内容缓存到内存中，因此对相同 URL 的多次调用将使用缓存。如果要禁用缓存，请使用 caching: false 选项：
const schema = await loadSchema(url, { caching: false });示例
以下是使用 @graphql-tools/url-loader 的一个简单示例：
-- -------------------- ---- -------
----- - ------------- --- - - -------------------------
----- - ---------- - - -------------------------------------
------ -- -- -
----- --- - ------------------------------
----- -------- - ----- ----------------
----- --------- - -
------ -
---
-
--------- -
---
-
--
----- ------ - --- -------------- --------- --------- ---
----------------------- --- -- -- -
--------------- ------ ----- -- ---------
---
-----通过以上示例，我们可以更方便地加载 GraphQL schema。
总结
@graphql-tools/url-loader 是一款方便的 npm 包，能够方便地加载 GraphQL schema，对于前端工程师来说是一个很好的工具。不过要注意让大家理解 schema 这个概念，这个是 GraphQL 的基础和精髓。通过学习，我们不仅可以更好地了解 GraphQL，还可以更有效地开发 GraphQL API。
希望本文能对大家学习 @graphql-tools/url-loader 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaf0fb5cbfe1ea0610f86