как импортировать данные в gatbsy-config. js

Question

Я хотел бы добавить данные в 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

Похоже, я не могу использовать импорт. Есть ли способ добиться этого?

Answer 1

Предположим, что каталог вашего файла данных 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
  },

}