在gatsby节点中使用api时如何将图像本地路径转换为图像节点

问题描述

我已经按照如下方式在gastby节点中获取了数据

const { highlight,photos } = require("./src/assets/data/photos");
const path = require('path')


exports.sourceNodes = ({ actions,createNodeId,createContentDigest }) => {
  const { createNode } = actions
  // Data can come from anywhere,but for Now create it manually
  const nodeContent = JSON.stringify(highlight)


  return highlight.map((h,index) => {
    const nodeMeta = {
      id: createNodeId(index),parent: null,children: [],internal: {
        type: `highlight`,// mediaType: `text/html`,content: nodeContent,contentDigest: createContentDigest(h),},}
    const { name,ext } = path.parse(imgPath)
    const absolutePath = path.resolve(__dirname,imgPath)
 
    const node = Object.assign({},h,nodeMeta)
    return createNode(node)
  })
}

但是如何将src转换为imgae节点，以便可以使用childImageSharp插件

{
  allHighlight {
    nodes {
      id
      src 
      thumbnail
      thumbnailHeight
      thumbnailWidth
    }
  }
}

这是我的工作，但我无法在其中查询childImageSharp。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）