在前端领域中，GraphQL 资源的使用越来越普遍，而在约定大于配置的背景下，针对 GraphQL 文件的管理和组织也成为一个需要解决的问题。针对这个问题，我们介绍一款 npm 包：require-graphql-dir。本文将深入探讨该 npm 包的使用教程和指导意义。
require-graphql-dir 是什么？
require-graphql-dir 是一个 Node.js 模块，它允许您轻松地从一个目录中导入并管理 GraphQL 文件。该模块支持将类型定义和解析器代码分别放在不同文件中的情况，例如：
-
--- ------
- --- -------------
- --- ----------------
- --- -----
- --- ------------
- --- ----
--- ---------
--- --------
--- -----------在以上目录结构中，类型定义分别放在 schema 目录下，而解析器代码则分别放在 resolvers 目录下，使用 require-graphql-dir 可以轻松导入 GraphQL 文件。
如何使用 require-graphql-dir？
首先，我们需要使用 npm 安装 require-graphql-dir，可以通过以下命令完成安装：
--- ------- -------------------
接下来，我们在我们的代码中引用这个包：
----- -------------- - -------------------------------
接下来，我们需要告诉 requireGraphQL 包我们希望从哪个目录导入 GraphQL 文件：
----- -------- - --------------------------- ----- --------- - ------------------------------
在完成以上两行代码后，我们可以通过 typeDefs 和 resolvers 这两个变量获取到导入的 GraphQL 文件。
例如，我们可以将 typeDefs 和 resolvers 传递给 ApolloServer 或者其他 GraphQL 服务器，并启动一个 GraphQL API 服务。示例代码如下：
----- - ------------ - - ------------------------- ----- -------------- - ------------------------------- ----- -------- - --------------------------- ----- --------- - ------------------------------ ----- ------ - --- -------------- --------- --------- --- ----------------------- --- -- -- - -------------------- --- ------ ----- -- --------- ---
在这个示例代码中，我们可以看到 requireGraphQL 负责将我们希望导入的 GraphQL 文件在导入时编译（使用 graphql-tag 库），并返回一个导出了类型定义和解析器的对象。接着，我们可以将该对象传递给 ApolloServer 即可。
require-graphql-dir 的指导意义
require-graphql-dir 包的设计目的是方便我们处理分散的 GraphQL 文件，并遵循约定大于配置的理念。它支持不同 GraphQL 文件的导入方式，例如：
- 导入查询类型定义文件。
- 导入突变类型定义文件。
- 导入对象类型定义文件。
- 导入标量类型定义文件。
- 导入接口类型定义文件。
- 导入 Union 类型定义文件。
- 导入枚举类型定义文件。
同时，require-graphql-dir 还支持在解析器中更好的组织和导入 GraphQL 文件，您可以将一个 GraphQL 文件的解释器代码拆分为多个文件，并在 resolvers 目录中按约定导入，例如：
-- -------- ----- - ---- - - ------------------- ----- ----- - - ------ -- -- ------------ --- -- -------------- - ------
使用 require-graphql-dir 时，这种拆分查询解释器代码的方法很常见。
总的来说，require-graphql-dir 对于许多团队来说是一个非常有用的工具，它使得组织并维护 GraphQL 代码库变得更容易，并且提供了一种约定简单且易于遵循的方式。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005775181e8991b448eacef