create-react-app 加载 .graphql 文件

要加载.gql和.graphql文件，首先通过运行以下命令安装graphql和graphql.macro软件包：

npm install --save graphql graphql.macro

然后，无论何时要加载.gql或.graphql文件，请import { loader } from 'graphql.macro';：

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
    }
  }
`;