单独文件中的 GraphQL 查询（gql、graphql）

Question

我正在研究 React + Postgraphile (GraphQL) + axios（对 postgraphile 服务器的 http 请求）的教学组合的项目。

它有很多 GraphQL 查询。最初是从同一文件中的查询与其他 JavaScript 和渲染代码开始的，但一旦添加了特定查询，它就变得混乱了。

在搜索时，我发现我们可以将查询分离到单独的文件中 - .graphql 或 .gql 为此，我必须与 Webpack 模块集成 -

我想知道是否有更简单（开箱即用）的方法来实现类似的事情，而不使用 Webpack，因为它需要大量的配置。

任何指针或示例都会非常有帮助。

谢谢。

Answer 1

pages在客户端上，我们通常创建目录的镜像树，graphql然后创建js或ts导出查询的文件！然后在需要的地方导入它（在我们的例子中是 graphql 客户端请求主体）。

例如：

export const GET_TEAM_QUERY = `
  query {
    // your query here
  }
`

希望有帮助！