Gatsby: 개발 및 프로덕션에서 다른 GraphQL 쿼리

쿼리 텍스트를 직접 조작 할 수는 없지만 dev 또는 prod 모드에 있는지에 따라 다른 컨텍스트를 전달할 수 있습니다.

https://github.com/gatsbyjs/gatsby/issues/10844#issuecomment -471349943에 설명 된 문제를 참조하는 경우

프로그래밍 방식으로 블로그 목록을 생성하므로 context 를 전달하여 쿼리 할 수 ​​있습니다.

createPage({
  path: "/blog",
  template: <some_template>,
  context: {
    draftBlacklist: process.env.NODE_ENV === `production` ? [true] : []
  }
})

그리고 쿼리에서 :

query BlogListing($draftBlacklist: [String!]!) {
  allMarkdownRemark(filter: {frontmatter: {draft: {nin: $draftBlacklist}}}) {
    edges {
      node {
        frontmatter {
          title
          draft
        }
      }
    }
  }

dev의 모든 노드를 표시하고 프로덕션에서 draft 이 true 로 설정된 모든 노드를 필터링합니다. 캐싱 문제가있을 수 있습니다 (개발 후 빌드를 실행하면 쿼리 atm을 다시 실행하지 않습니다). 그러나 프로덕션 빌드에 netlify (또는 다른 종류의 CI / CD)를 사용하면 작동합니다.