reactjs - Gatsby - 为阶段/开发构建网站 - 我应该使用哪个命令？

Question

如何为开发环境构建/部署 gatsby 网站？

如果您运行 gatsby build，环境变量将自动设置为生产。

用例:我确实想将我的网站部署到 Netlify 等服务，但我想为 STAGE 环境构建。任何人都知道我可以使用哪个命令，或者我是否应该替换 gatsby build 命令中的 NODE_ENV？我想部署暂存网站并将其交付给同事/用户/客户，然后他们将能够测试并在暂存环境上使用它强>. (具有所有暂存配置)。如果您正在为客户开发网站，您可能需要部署一个暂存版本以用于测试/验证目的。

我知道 gatsby/react 内部根据环境有一些不同的处理，但我想知道是否可以使用开发变量配置来构建和部署 gatsby 网站以用于开发/阶段目的。

一个例子:我使用了两个插件 - gatsby-google-tag-manager 和 gatsby-plugin-facebook-pixel 并意识到这两个配置都依赖于 NODE_ENV 开发或生产，我目前无法使用开发环境构建和部署网站。

对此有什么想法吗？

Answer 1

gatsby build 覆盖 NODE_ENV 环境变量。

我通过使用另一个环境变量覆盖 gatsby-config.js 中的 NODE_ENV 解决了这个问题

在文件的顶部gatsby-config.js:

if (process.env.DEVELOPMENT === 'TRUE') {
   process.env.NODE_ENV = 'development'
}

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

// etc...

运行开发构建:

DEVELOPMENT=TRUE gatsby 构建