加载 .graphql 文件

要加载 .gql 和 .graphql 文件，首先安装 graphql 和 graphql.macro 包，运行

npm install --save graphql graphql.macro

或者，您可以使用 yarn

yarn add graphql graphql.macro

然后，当您想要加载 .gql 或 .graphql 文件时，从宏包中导入 loader

import { loader } from 'graphql.macro';

const query = loader('./foo.graphql');

您的结果将自动内联！这意味着如果上面的文件 foo.graphql 包含以下内容

query {
  hello {
    world
  }
}

前面的示例变为

const query = {
  'kind': 'Document',
  'definitions': [{
    ...
  }],
  'loc': {
    ...
    'source': {
      'body': '\\\\n  query {\\\\n    hello {\\\\n      world\\\\n    }\\\\n  }\\\\n',
      'name': 'GraphQL request',
      ...
    }
  }
};

您也可以使用 gql 模板标签，就像您使用 graphql-tag 包中的非宏版本一样，并且具有内联解析结果的额外好处。

import { gql } from 'graphql.macro';
 
const query = gql`
  query User {
    user(id: 5) {
      lastName
      ...UserEntry1
    }
  }
`;