reactjs - 如何将 .env.qa 或 .env.staging 与 create react app 一起使用

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-scripts v3.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",