.envを使う
dotenvを導入
yarn add dotenv
nodeの環境変数を追加
shellで以下を実行
export NODE_ENV='development'
.env.development, .env.productionを作成
code:.env.development
MICROCMS_API_KEY=abcdefg
gatsby-config.jsに追記
code:gatsby-config.js
require("dotenv").config({
path: .env.${process.env.NODE_ENV}
})
.env.developmentが使えるようになりました
code:gatsby-config.js
{
resolve: 'gatsby-source-microcms',
options: {
apiKey: process.env.MICROCMS_API_KEY,
serviceId: 'keisukesan',
apis: [
{
endpoint: 'blogs',
},
],
},
},