Preprocess GraphQL queries with the Preact CLI.

$ yarn add preact-cli-plugin-graphql graphql-tag --dev

Alternatively using npm:

$ npm i preact-cli-plugin-graphql graphql-tag --save-dev

And include in your project by creating a preact.config.js:

const graphql = require('preact-cli-plugin-graphql');
export default function (config) {
  graphql(config);
}

The plugin allows to import any graphql files (with the .graphql or .gql) extension directly within your script:

import query from './query.gql';

You can read more about this processing at the graphql-tag documentation

MIT © Robin van der Vleuten