kylefang/create-react-app
1
0
Fork 0
mirror of https://github.com/zhigang1992/create-react-app.git synced 2026-04-22 11:57:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update GraphQL doc (#6898)

Browse Source 
* Need to install graphql package
* Need to provide real graphql in the .graphql file, not gql wrapped graphql
This commit is contained in:
nagman
2019-04-30 07:26:44 +02:00
committed by Amy Lam
parent a2ae8a79c0
commit 4b8b38bf7c
1 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
docusaurus/docs/loading-graphql-files.md
View File

@@ -4,16 +4,16 @@ title: Loading .graphql Files
sidebar_label: Loading .graphql Files
---
To load `.gql` and `.graphql` files, first install the [`graphql.macro`](https://www.npmjs.com/package/graphql.macro) package by running:
To load `.gql` and `.graphql` files, first install the [`graphql`](https://www.npmjs.com/package/graphql) and [`graphql.macro`](https://www.npmjs.com/package/graphql.macro) packages by running:
```sh
npm install --save graphql.macro
npm install --save graphql graphql.macro
```
Alternatively you may use `yarn`:
```sh
yarn add graphql.macro
yarn add graphql graphql.macro
```
Then, whenever you want to load `.gql` or `.graphql` files, import the `loader` from the macro package:
@@ -27,13 +27,11 @@ const query = loader('./foo.graphql');
And your results get automatically inlined! This means that if the file above, `foo.graphql`, contains the following:
```graphql
gql`
query {
hello {
world
}
query {
hello {
world
}
`;
}
```
The previous example turns into: