微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

通过插件向 Gatsby 中的 MarkdownRemark 节点添加更多数据

如何解决通过插件向 Gatsby 中的 MarkdownRemark 节点添加更多数据

我想在创建时通过 Gatsby Transformer Remark 插件向 MarkdownRemark GraphQL 节点添加更多信息。

目前我正在尝试在插件中执行此操作:

gatsby-config.js

/* ... */
{
  resolve: "gatsby-transformer-remark",options: {
    pedantic: false,plugins: [
      'my-remark-plugin',]
  }
}
/* ... */

plugins/my-remark-plugin/index.js

module.exports = async ({markdownNode,actions},pluginoptions) => {

  /* Somehow add more data to the markdownNode which can be queried */

}

只是想清楚;我不想改变 AST 节点。我想在 MarkdownRemark GraphQL 节点创建时从插件添加更多任意数据。

我尝试使用 createNodeField,但在查询时找不到字段。

gatsby-transformer-remark 插件是否可能不是执行此操作的地方?字段是在使用带有 createNodeField 的标准 Gatsby 插件时创建的,但我希望在 Gatsby Transformer Remark 插件中执行此操作。

解决方法

createNodeField 将在 fields 下创建字段。在 GraphiQL 中展开 allMdx->nodes->fields。我使用 MDX 而不是 Markdown。这是一个示例,类似于 Gatsby 文档中的示例。

exports.onCreateNode = ({node,actions,getNode,createNodeId,createContentDigest}) => {
  const {createNodeField} = actions
  if (node.internal.type === `Mdx`) {
    const value = createFilePath({node,getNode})
    createNodeField({name: `slug`,node,value})
  }
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。