如何告诉 React 使用哪个 .env 文件？

Question

我有一个 React 应用程序，我运行使用以下命令：

npm run dev

这将启动应用程序并使用 .env.local 文件。我希望能够配置一个名为 .env.production 的文件，当我运行命令 npm run prod.

时将使用该文件代替 .env.local

这些是我当前的脚本：

  "scripts": {
    "dev": "react-scripts start",
    "start": "serve -s build",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

我该怎么做？

Answer 1

安装npmjs.com/package/env-cmd

 "scripts": {
        "start": "react-scripts start",
        "start:local": "env-cmd -f ./.env.local react-scripts start",
        "start:Dev": "env-cmd -f ./.env.development react-scripts start",
        "start:QA": "env-cmd -f ./.env.test react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test",
        "eject": "react-scripts eject"
      }

Answer 2

创建一个新的脚本密钥并使用 REACT_APP_ENV :

 "scripts": {
    "dev": "react-scripts start",
    "start": "serve -s build",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "prod" : "REACT_APP_ENV=prod npm run dev"
  },

如何告诉 React 使用哪个 .env 文件？

How to tell React which .env file to use?

environment-variables

reactjs

react-native