An es-dev-server response transformer for importing GraphQL files
npm install es-dev-server-import-graphqles-dev-server-import-graphql> Import GraphQL into your modules serve them with es-dev-server
``js
const graphql = require('es-dev-server-import-graphql');
module.exports = {
port: 8080,
watch: true,
nodeResolve: true,
appIndex: 'demo/index.html',
moduleDirs: ['node_modules', 'web_modules'],
plugins: [
graphql()
],
};
`
`js
import MoodQuery from './Mood.query.graphql';
import { ApolloQuery, customElement, html } from '@apollo-elements/lit-apollo';
interface Data {
mood: string;
}
@customElement('mood-query')
export class MoodQuery extends ApolloQuery {
query = MoodQuery
render() {
return (
this.error ? html
Error is ${this.error}
: this.data ? htmlMood is ${this.data.mood}
: ''
);
}
}
`$3
`graphql
query MoodQuery {
mood
}
``