generated-types.d.ts

// I wish this file to be generated from my *.gql files
declare module '*/queries.gql' {
  export const Something: string;
  export const SomethingElse: string;
}

index.ts

import {Something} from "./queries.gql"


console.log(Something)
/**
 * Prints (minified or not)
 *
 * query Something {
 *   name
 *   id
 * }
*/

fetch("http://example.com/graphql", {
  method: "POST",
  headers: {
    "Content-Type": "application-json"
  },
  body: JSON.stringify({query: SomethingElse, variables: {var: ""}})
})

queries.gql

query Something {
  name
  id
}

query SomethingElse($var: String!) {
  somethingelse($var) {
    phone
    ... SomeFragment
  }
}

fragment SomeFragment {
  email
  address
}