在项目构建过程中检查环境变量

Question

我正在使用create react应用。我有一个.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')
}

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

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

这些都是基础知识。从那里，您可以将脚本放置在其他位置，重构检查环境的方式，将输出记录在其他位置，等等。