Compile GraphQL AST at build-time with babel-plugin-macros.

$ yarn add graphql.macro

Note: You'll need to install and configure babel-plugin-macros if you haven't already. (This can be omitted when using CRA react-script@2.x .)

evenchange4/graphql.macro-example (with react-script@2.x) [DEMO]

import { loader } from 'graphql.macro';
const query = loader('./fixtures/query.graphql');

      ↓ ↓ ↓ ↓ ↓ ↓

const query = {
  "kind": "Document",
  "definitions": [{
    ...

-import gql from 'graphql-tag';
+import { gql } from 'graphql.macro';

const query = gql`
  query User {
    user(id: 5) {
      lastName
      ...UserEntry1
    }
  }
`;

      ↓ ↓ ↓ ↓ ↓ ↓

const query = {
  "kind": "Document",
  "definitions": [{
    ...

• Webpack preprocessing with graphql/loader
• Babel preprocessing
• https://github.com/leoasis/graphql-tag.macro

• node >= 9.4.0
• yarn >= 1.3.2

$ yarn install --pure-lockfile

$ yarn run format
$ yarn run eslint
$ yarn run flow
$ yarn run test:watch
$ yarn run build

• ⇄ Pull requests and ★ Stars are always welcome.
• For bugs and feature requests, please create an issue.
• Pull requests must be accompanied by passing automated tests.

MIT: http://michaelhsu.mit-license.org