easy-gql-loader
the best graphql loader
Usage
in webpack.config.js add:
moduleexports = // ... module: rules: // ... test: /\.$/ use: loader: "easy-gql-loader" options: ...yourOptions // options are documented bellow // ... ;
now you could import graphql files
; console;// {// queries: { ...your_queries },// mutations: { ...your_mutations },// subscriptions: { ...your_subscriptions }// } // to call a queryhello_worldqueries;// and the same in mutationshello_worldmutations; // with subscriptions const subscriber = hello_worldsubscriptions ; // after 1500ms unsubscribe;
options
you declare this options in the webpack.config.js
module: rules: // ... test: /\.$/ use: loader: "easy-gql-loader" options: ...yourOptions // ...
url
type: string
the url for graphql mutation and queries
webSocketEndPoint
type: string
the url for graphql subscriptions
flat
type: boolean
flats the exported object
with flat set to true:
; console;// {// ...your_queries,// ...your_mutations,// ...your_subscriptions// }
client
type: string
a path to a js file to be your client
in webpack.config.js add:
options: client: require;
the type of a client function
;;
in myClient.js:
module { const // the url is the url of the gql server url // the websocket url to use for subscriptions webSocketEndPoint } = config; // type is the type of the operation // query is the query needed for the operation // vars is the query variables // opts is options return type: "query" | "mutation" | "subscription" query: string vars: any opts: any // ...your code // NOTE: you must return a promise ;};
Licence
copyright (c) AliBasicCoder 2020