阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      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
          }
        }
      `;
      
      目录
      本文目录
      目录