.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',
      ...
    }
  }
};

graphql-tagパッケージからのマクロではないバージョンを使用するのと同じように、gqlテンプレートタグを使用することもできます。インライン解析結果が得られます。

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