npm 包 graphql-cli-generate-fragments-fix 使用教程-JavaScript中文网-JavaScript教程资源分享门户

在开发 GraphQL 网络应用程序时，我们常常需要创建和使用 GraphQL 片段。片段是 GraphQL schema 中可重用的字段集合，可帮助我们组织我们的代码并使代码更易于维护。然而，GraphQL 片段的生成通常需要复制黏贴现有代码，并手动添加字段。这不仅浪费时间，而且容易导致错误。

为了解决这个问题，我们可以使用一个实用程序，即 graphql-cli-generate-fragments-fix。该实用程序允许我们从现有的 GraphQL 查询中自动生成片段，并将其添加到我们的 schema 文件中。在本篇文章中，我们将学习如何使用这个实用程序。

安装 graphql-cli-generate-fragments-fix

要使用 graphql-cli-generate-fragments-fix，首先需要安装 Node.js 和 npm 包管理器。然后，我们可以打开终端并运行以下命令来安装 graphql-cli-generate-fragments-fix：

npm install -g graphql-cli-generate-fragments-fix

生成 GraphQL 片段

一旦安装了 graphql-cli-generate-fragments-fix，我们就可以生成 GraphQL 片段。假设我们已经有一个 GraphQL 查询，我们想要从中生成一个片段。我们可以在终端中运行以下命令：

graphql get-schema && generate-fragments-fix path/to/query.graphql

这将从我们的 GraphQL 查询中生成一个片段，并将其添加到我们的 schema 文件中。我们需要将 path/to/query.graphql 替换为我们要生成片段的查询的路径。

使用生成的 GraphQL 片段

一旦我们已经生成了一个 GraphQL 片段，我们可以在我们的代码中使用它。假设我们在我们的代码中有一个使用我们刚刚生成的片段的查询。我们可以按照以下方式在查询中引用该片段：

#graphql
query myQuery {
  field1
  field2
  ...MyGeneratedFragment
}

注意，在我们的查询中，我们使用 ...MyGeneratedFragment 来引用生成的片段。

总结

在本文中，我们学习了如何使用 graphql-cli-generate-fragments-fix 这个 npm 包来生成 GraphQL 片段。我们已经看到了如何安装这个包，生成 GraphQL 片段，并在我们的代码中使用它。通过使用 graphql-cli-generate-fragments-fix，我们可以大大简化生成 GraphQL 片段的流程，从而使我们更加高效。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/600671a830d09270238226f1