如何将 JSON 字段添加到 Gatsby sourceNode？

Posted 2023-03-08

【中文标题】如何将 JSON 字段添加到 Gatsby sourceNode？

【英文标题】：How to add JSON field to Gatsby sourceNode?

【发布时间】：2020-08-15 20:26:32

【问题描述】：

在我的 API 中，我有带有动态模式的 layout 属性，所以我将其添加到 sourceNode 作为字符串化 JSON：

  for (const  path  of nodesList) 
    /* ... */

    const node = 
      id: createNodeId(`cms-$cmsNode.id`),
      /* this prop */
      layout: JSON.stringify(layout),
      parent: null,
      children: [],
      internal: 
        content: JSON.stringify(cmsNode),
        type: 'CmsNode',
      ,
    
    node.internal.contentDigest = createContentDigest(node)
    createNode(node)
  

如何自定义此字段以在查询级别解析 JSON，而不是页面组件中的 JSON.parse？

【问题讨论】：

使用 graphql 自定义 json 类型（文档）...不要字符串化

【参考方案1】：

我应该添加自定义类型：

exports.createSchemaCustomization = ( actions ) => 
  const  createTypes  = actions
  const typeDefs = `
    type CmsNode implements Node @dontInfer 
      id: ID!
      parent: Node
      children: [Node!]!
      ...
      layout: JSON
    
  `
  createTypes(typeDefs)

在createNode 期间不要对这个道具进行字符串化。