单独文件中的单独页面graphQL查询（.graphql）

Question

是否可以将页面graphql查询分离到单独的.graphql文件中，然后将其导入页面文件中？我假设我需要添加某种.graphQL加载器？

Answer 1

据我所知，这是不可能的。拆分查询的唯一方法是使用Fragments： https://www.gatsbyjs.org/docs/querying-with-graphql/#fragments

但是，如果您想开始讨论，建议您在GitHub上打开一个问题。

Answer 2

选中“ apollo-universal-starter-kit”-应该适用于盖茨比

Answer 3

如果要编写query或mutation文件扩展名的.graphql，.gql。

您需要graphql-tag/loader，这是我的webpack.config.js：

  {
    test: /\.(graphql|gql)$/,
    exclude: /node_modules/,
    use: 'graphql-tag/loader'
  }

Answer 4

您可以使用graphql-import来做到这一点。

示例： 假定以下目录结构：

.
├── schema.graphql
├── posts.graphql
└── comments.graphql

schema.graphql

# import Query.*, Mutation.* from "posts.graphql"
# import Query.*, Mutation.* from "comments.graphql"

posts.graphql

# import Comment from 'comments.graphql'

type Post {
  comments: [Comment]
  id: ID!
  text: String!
  tags: [String]
}

comments.graphql

type Comment {
  id: ID!
  text: String!
}

您可以在here

中看到完整的文档