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

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

REACT\u APP\u SMTH\u VAR

变量？

您可以在项目文件夹中的某个位置创建脚本。例如，在与您的

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"
},

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