阿西河

所有教程

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

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    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
        }
      }
    `;
    
    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    本文目录
    目录