reactjs - 如何使用 .env.qa 或 .env.staging 创建反应应用程序

Question

CreateReactApp 文档显示您可以使用有限数量的 .env 文件。 https://create-react-app.dev/docs/adding-custom-environment-variables/#adding-development-environment-variables-in-env

我想为其他环境使用更多的 .env 文件，但.env.development总是被使用。

如何使用其他文件？我找到了这篇文章，但它对我不起作用。 https://medium.com/@tacomanator/environments-with-create-react-app-7b645312c09d

我正在使用react-scriptsv3.4.1

Answer 1

好吧，这篇文章实际上是正确的。我的代码中有一个错误，我对值进行了硬编码，而不是依赖于process.env.REACT_APP_SOMEVAR

package.json 中的这些脚本工作正常：

"start": "REACT_APP_ENV=dev npm run start-env",
"start-env": "sh -ac '. .env.${REACT_APP_ENV}; react-scripts start'",
"start-dev": "REACT_APP_ENV=dev npm run start-env",
"start-qa": "REACT_APP_ENV=qa npm run start-env",
"build": "REACT_APP_ENV=dev npm run build-env",
"build-env": "sh -ac '. .env.${REACT_APP_ENV}; react-scripts build'",
"build-dev": "REACT_APP_ENV=dev npm run build-env",
"build-qa": "REACT_APP_ENV=qa npm run build-env",