如何将数据导入gatbsy-config.js

时间:2020-02-23 02:58:07

标签: gatsby

我想将数据添加到gatbsy-config以便使用GraphQL来管理数据。

所以我复制了gatbsy-config.js:

module.exports = {
  siteMetadata: {
    title: `Gatsby Default Starter`,
    description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
    author: `@gatsbyjs`,
  },
}

然后我用数据替换了siteMetadata,一切正常。

但是我想使用json或任何文件来存储数据,而不是直接放入配置中,所以我尝试了:

从'src / data / myData.json'导入数据

module.exports = {
  siteMetadata: {
    data: data
  },
}

但我在第一个类似

上遇到错误
import projects from 'src/data/myData.json';
                                                                       ^^^^^^^^
  SyntaxError: Unexpected identifier

所以看起来我不能使用导入。有办法实现吗?

1 个答案:

答案 0 :(得分:0)

假设数据文件的目录为src/data/

假设您的数据文件为config.js,其中包含

const config = {
    title: `Gatsby Default Starter`,
    description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
    author: `@gatsbyjs`
}

module.exports = config;

然后在您的gatsby-config.js文件中,您可以像下面这样导入该文件:

const config = require('./src/data/config');

module.exports = {
  siteMetadata: {
    title: config.title,
    description: config.description,
    author: config.author
  },

}