Question

我正在使用GatsbyJs，我正在考虑使用gatsby-transformer-csv插件，文档here。我有两个来自WordPress的csv，我已经导出了我想要与Gatsby一起使用。我很好，只是让一个人工作，然后找出另一个。对于两个csv文件，有相应的ID匹配，因为一些内容IE;标题和内容在一个csv中，而图像在另一个csv中。我已经安装了变换器插件，但我不知道在哪里放置我的csv文件以及如何将其转换为json，然后一旦转换为Json如何将其作为特定页面上的反应组件输出。

所有我看到的是如何查询部分，这对我来说意义不大但看起来像这样

  allLettersCsv {
    edges {
      node {
        letter
        value
      }
    }
  }
}

Answer 1

您通常希望将此插件与gatsby-source-filesystem插件一起使用。

gatsby-source-filesystem读取您的 .csv 文件，然后gatsby-transformer-csv 将.csv内容转换为您可以使用graphQL查询的数据。

因此，如果您将 .csv 文件放在./src/data中，您的gatsby配置应如下所示：

// In your gatsby-config.js
module.exports = {
  plugins: [ 
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `data`,
        path: `${__dirname}/src/data/`,
      },
    },
    `gatsby-transformer-csv`,
  ],
}

然后，您可以使用graphQL查询将数据导入组件的道具。

您可以在https://github.com/gatsbyjs/gatsby/tree/master/examples/using-csv

查看示例项目

在Gatsbyjs中将csv文件转换为json

1 个答案: