问如何在运行创建-反应-应用程序构建脚本时设置构建.env变量？

EN

您可以这样使用process.env.NODE_ENV：

const apiUrl = process.env.NODE_ENV === 'production' ? process.env.REACT_APP_PROD_API_URL : process.env.REACT_APP_DEV_API_URL;

您需要设置REACT_APP_PROD_API_URL和REACT_APP_DEV_API_URL。

或者，如果生产URL总是相同的，您可以简化它：

const apiUrl = process.env.NODE_ENV === 'production' ? 'https://example.com' : process.env.REACT_APP_DEV_API_URL;

Create为您在构建时将NODE_ENV设置为“production”，因此您不需要担心何时将其设置为生产。

注意：您必须重新启动服务器(例如再次运行npm start )以检测环境变量更改。

我想你现在已经开始工作了，但是对于其他发现这个问题的人，您可以在.env文件中的“create”项目的根目录中设置默认的环境变量。

要分离使用npm start和npm run build时使用的变量，您可以再创建两个env文件-- .env.development和.env.production。

npm start将REACT_APP_NODE_ENV设置为development，因此它将自动使用.env.development文件，npm run build将REACT_APP_NODE_ENV设置为production，因此它将自动使用.env.production。其中设置的值将覆盖.env中的值。

如果您正在与其他人一起工作，并且只具有特定于计算机的值，则可以通过将这些值分别添加到一个新文件-- .env.development和.env.production.local --来覆盖.env.development.local和.env.production.local中的值。

编辑：我应该指出，您设置的环境变量必须以"REACT_APP_“开头，例如。"REACT_APP_MY_ENV_VALUE“。

编辑2:如果您需要的不仅仅是开发和生产，请使用这句话指定的环境-cmd。

如果您希望有单独的dotenv文件来构建和/或部署到不同的环境(stage，prod)，那么您可以这样使用环境-cmd：

npm install --save-dev env-cmd
./node_modules/.bin/env-cmd -f ./stage.env npm build

然后只需相应地更新您的package.json：

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "build:stage": "env-cmd -f ./.stage.env npm run-script build"
  },

然后，要构建，只需运行以下shell命令：

npm run build:stage