在项目构建期间检查环境变量

Question

我正在使用创建反应应用程序。我有一个 .env 文件。如何在项目构建期间检查其中是否有 REACT_APP_SMTH_VAR 变量？

Answer 1

您可以在项目文件夹的某处创建脚本。例如在与您的package.json 相同级别的根文件夹中，称为checkenvs.js，它会：

require('dotenv').config()
console.log('checking envs...')

if ('REACT_APP_SMTH_VAR' in process.env) {
  console.log('REACT_APP_SMTH_VAR is set')
} else {
  console.log('REACT_APP_SMTH_VAR not set')
}

然后更改 package.json 中的构建脚本以在构建 CRA 应用之前执行它。

"scripts": {
  // other scripts
  "build": "node ./checkenvs.js && react-scripts build"
},

这些是基础。从那里你可以把你的脚本放在其他地方，重构你检查环境的方式，在其他地方记录输出等等。