如何在react js中使用.env

Question

如何在react中使用.env。我可以通过以下方式访问 .env.development 和 .env.Production

 "start":"react-scripts start",
 "build": "react-scripts build",

如何访问另一个像 .env.staging ？

我给了这样的

"build_staging": "set REACT_APP_ENV=staging & react-scripts build",

但不工作。

有什么建议请。

Answer 1

为了保持 Linux（我的生产服务器）和 Windows（我的开发服务器）之间的一致性，我使用 cross-env

npm install --save 跨环境

我的脚本看起来像这样

"scripts": {
    "dev": "cross-env NODE_ENV=development node server",
    "build": "cross-env NODE_ENV=production next build ",
    "start": "cross-env NODE_ENV=production node server"
  },

因此要设置像 REACT_APP_ENV 这样的自定义环境，您需要

"build_staging": "cross-env REACT_APP_ENV=staging react-scripts build",

你可以在你的 javascript 代码中使用它来访问它

process.env.REACT_APP_ENV

还要启动您可能想要添加的登台服务器

"start_staging": "跨环境 REACT_APP_ENV=暂存反应脚本启动"

有关此的更多信息，请参见此处