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

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')
}

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

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

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

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

Env variables check during project build

reactjs

create-react-app

dotenv