访问gatsby-config中的Gatsby环境变量

Question

我是Gatsby的新手，正尝试在本地开发中访问gatsby-config.js文件中的环境变量。我希望能够在本地测试这一切。

.env.development

GATSBY_KEY=stuffvaluehere

gatsby-config.js

{
  key: process.env.GATSBY_KEY,
}

每当我运行gatsby develop时，我都会得到一个错误，即该值未定义。在将这些变量存储到Netlify中之前，我不能从docs确切地知道我需要做些什么才能在本地访问这些变量。

Answer 1

也许您错过了在gatsby-config.js文件中添加.env的路径

在gatsby-config.js的最顶端添加下面这行代码

require("dotenv").config({
  path: `.env.${process.env.NODE_ENV}`,
})

如果仍然没有成功，请尝试安装dotenv

yarn add dotenv // yarn
npm install dotenv // npm