带有Node的.gql或.graphql文件类型

Question

我正在使用graphql-server-express带有Node的Apollo ,我想将我的"typedef"模式定义文件转换为.graphql or .gql文件,以便清晰和语法突出显示.

做这个的最好方式是什么？我在巴贝尔(？)之外找不到任何好的资源,这似乎是唯一的选择.

非常感谢你的帮助!

Answer 1

我敢肯定，到目前为止，您已经找到了解决方案，但是对于其他人来说，这可能会有所帮助 https://github.com/prismagraphql/graphql-import。

用法

import { importSchema } from 'graphql-import'
import { makeExecutableSchema } from 'graphql-tools'

const typeDefs = importSchema('schema.graphql')
const resolvers = {}

const schema = makeExecutableSchema({ typeDefs, resolvers })

例子

导入特定字段

假定以下目录结构：

.
??? a.graphql
??? b.graphql
??? c.graphql

图文

# import B from "b.graphql"

type A {
  # test 1
  first: String
  second: Float
  b: B
}

b.graphql

# import C from 'c.graphql'

type B {
  c: C
  hello: String!
}

图形库

type C {
  id: ID!
}

Answer 2

有同样的问题如何以正确的方式实施它。无论如何这对我有用。

import {gql} from 'apollo-server-express'
import * as types from './types.graphql'

export const typeDefs = gql`${types}`

Answer 3

schemas 文件夹应该包含带有 .graphql 或 .gql 文件的文件

const path = require('path');
const { loadFilesSync } = require('@graphql-tools/load-files');
const { mergeTypeDefs } = require('@graphql-tools/merge');

const typesArray = loadFilesSync(path.join(__dirname, './schemas'));

module.exports = mergeTypeDefs(typesArray, { all: true });

Answer 4

我有同样的问题，我相信在不将 babel/webpack 引入服务器端管道的情况下完成您所要求的唯一方法是将您的查询编写为导出的模板字符串。

例如

/* query.gql */
module.exports = `
schema {
  query: Query
  mutation: Mutation
}

type Query {
  posts: [Post]
  post(id:String, slug:String): Post
  user(uid:String): User
}
...
`

值得庆幸的是，GraphQL 的 VS Code 语法突出显示支持此方法。