Graphql машинописная машинопись и кодоген

Question

Библиотека с именем apollo-codegen позволяет создавать типы на клиенте для схемы graphQL. Однако ожидается, что запросы gql будут помещены в файл .graphql.

У меня вопрос: как я могу использовать запрос, когда он находится в .graphql файле?

Ранее я делал это в моих .ts файлах

const ssQuery = gql`
    subscription suppliers {
        suppliers {
            id,
            name
        }
    }
`;

Answer 1

Предполагая, что вы используете веб-пакет, graphql-tag включает загрузчик для импорта запросов.

// webpack.config.js

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

// in your project
import MY_QUERY from './my-query.graphql'

graphql(MY_QUERY)(MyComponent)

Помните, что для этого необходимо иметь только один запрос / мутацию/ подписка на файл.Однако вы также можете создавать файлы для фрагментов и импортировать их внутри файла graphql (хотя не уверен, что apollo-codegen поддерживает этот синтаксис).