Gatsby:graphql查询中的gatsby-source-graphql和gatsby-plugin-sharp

时间:2018-10-29 15:59:37

标签: graphql gatsby strapi

我正在使用Gatsby v.2.0.2。作为无头CMS,我正在使用Strapi。我正在尝试将gatsby-image,gatsby-plugin-sharp(图像处理)与从Strapi上传的图片一起使用。

我的文件夹结构是:

>>projectfolder
   >>api
     >>public
       >>uploads (here my images are located)
   >>frontend (gatsby stuff)

类似于Gatsby-source-wordpress,我想用graphql查询这样的图像:

query {
  api {
    projects {
      image {
        name
        url
        childImageSharp {
          resize(width: 180, height: 180) {
            src
          }
        }
      }
    }
  }
}

如果我使用exports.onCreateNode,我只会得到父节点“ api”。如何获取图像URL,以便可以使用createRemoteFileNode?

我是否需要编写export.createPages,graphql查询api节点,然后使用createNode或createNodeField创建节点?


我尝试使用Gatsby-source-strapi,但遇到的同样问题是无法达到Gatsby-transformer-sharp。

query {
  allStrapiProject {
    edges {
      node {
        title
        image {
          name
        }
      }
    }
  }
}

1 个答案:

答案 0 :(得分:1)

此内容已在最近的请求请求中添加,并将在接下来的几天内发布在npm:https://github.com/strapi/gatsby-source-strapi/pull/24