This plugin is used in the sportsbook-web repo to compile the GQL queries at build time instead of runtime.
SWC plugin alternative to babel-plugin-graphql-tag
npm install -D graphql-tag-swc-plugin
Add following to swc config (below with default values):
jsc: {
experimental: {
plugins: [
["graphql-tag-swc-plugin",
{
importSources: ["@apollo/client", "graphql-tag"],
gqlTagIdentifiers: ["gql"]
},
],
],
},
},
Add following to next config (below with default values):
experimental: {
swcPlugins: [
["graphql-tag-swc-plugin",
{
importSources: ["@apollo/client", "graphql-tag"],
gqlTagIdentifiers: ["gql"]
},
],
],
},
Following props are accepted by plugin currently, inline with babel alternative:
importSources
:default:
["@apollo/client", "graphql-tag"]
import paths from where gql tag is imported for which plugin should compile graphql
gqlTagIdentifiers
:default:
["gql"]
Identifier by which graphql-tag will be imported.
Example: Here import { gql } from "@apollo/client
, "gql"
is the identifier.
strip
:default:
false
If true, it pre-process graphql input to remove redundant (like whitespace and comments) characters by passing it through apollo_parser's lexer. This results in smaller AST in some cases and smaller footprint in bundle size.
All contributions are welcome! For any bug / feature request please create a Pull request with fixture for the same whenever possible.
Here is list of topics and resources to quickly get you up to contributing!
-
AST and Visitors: https://notairy.vercel.app/note/ast and https://patshaughnessy.net/2022/1/22/visiting-an-abstract-syntax-tree
-
SWC: https://swc.rs/
Here is the basic code walkthrough (updated at v0.1.4)
- @rishabh3112 - Rishabh Chawla
MIT