https://github.com/gatsbyjs/gatsby/issues/16531
上記 issue に引っ掛かり、そこに解決策が書いてあったので解決はしているのですが、どうしてそれが解決に繋がるのかが分からないので、質問しています。
問題
gatsby においては、各ページにおけるデータ取得の graphsql を記述するための方法として、例えば以下のような書き方が案内されます。
export const PageQuery = graphql`
query {
imageSharp(original: {src: {regex: "/deeplogo/"}}) {
fluid(quality: 60) {
...GatsbyImageSharpFluid
}
}
}
`
これは、しかし以下のように括弧を付与すると、挙動が変化し、エラーになります。
export const PageQuery = graphql(`
query {
imageSharp(original: {src: {regex: "/deeplogo/"}}) {
fluid(quality: 60) {
...GatsbyImageSharpFluid
}
}
}
`)
発生エラー
Error: It appears like Gatsby is misconfigured. Gatsby related
graphql
calls are supposed to only be evaluated at compile time, and then compiled away. Unfortunately, something went wrong and the query was left in the compiled code.
自分の理解
自分は、この graphql
は、どちらも関数呼び出しとして処理されていて、なので、その引数に括弧をつけるのかどうかは、どちらでもよいのではないか、と思って括弧を付けていました。しかし、今回の結果は、括弧をつけることで挙動が変わることから、これはただの関数呼び出しではない処理が行われているようだ、と思っています。
質問
gatsby において、この、graphql
の直後に文字列テンプレートを付与する記法は、一体 javascript としては何の構文として処理されているのでしょうか?単なる関数適用とは違うのでしょうか?