Отдельные запросы graphQL страниц в отдельных файлах (.graphql)

Насколько мне известно, это невозможно из коробки. Единственный способ разделить запросы - использовать фрагменты: https://www.gatsbyjs.org/docs/querying-with-graphql/#fragments

Однако, если вы хотите начать обсуждение, я бы рекомендовал открыть вопрос на GitHub.

проверьте 'apollo-universal-starter-kit' - должен быть адаптирован к gatsby

Если вы хотите записать свой query, mutation с расширением файла .graphql или .gql.

Вам нужен graphql-tag/loader, вот мой webpack.config.js:

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

Для этого вы можете использовать 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!
}

Вы можете увидеть полный документ в здесь