Question

就像React Native一样，

当我在开发模式下测试某些Web应用程序时，我想防止呈现几个块。

React Js for web中是否有一些运行时环境变量，例如 DEV （布尔值）？

我想知道是否可以通过设置FindBoost之类的cli参数来做到这一点？

Answer 1

如果您的react项目是一个create-react-app项目，那么会有一个特殊的内置环境变量，称为 NODE_ENV 。您可以从process.env.NODE_ENV阅读它。运行npm start时，它始终等于'development'；当运行run npm test时，它始终等于'test'；以及您运行npm run build来制作生产捆绑包，它总是等于'production'。

Answer 2

您可以像这样检查环境：

if (process.env.NODE_ENV === 'development') {
  console.log('dev');
}

Answer 3

在“ npm start”中，您可以传递环境变量。将以下内容放入您的package.json

 "scripts": {
    "start": "ENV=PRODUCTION react-scripts start",
    "dev": "ENV=DEV react-scripts start"
  }

然后对生产进行“ npm start”，对开发人员设置进行“ npm run dev”。

React Js的运行时DEV环境变量（Web）

3 个答案: