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

我已经按节点获取了如下所示的数据

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
    }
  }
}

这是我的疑问，但我无法询问其中的含义