如何为生产配置 React 应用程序

Question

我想将我的 react 应用部署到生产环境（使用 heroku）。部署应用时，React 开发工具指示我的应用正在开发模式下运行

我将应用程序推送到heroku：https://lesamisdhubert.herokuapp.com/

我尝试设置环境变量： heroku config:set NODE_ENV=production

但是，当我 console.log(process.env.NODE_ENV) 时，它返回开发

在投入生产之前我也尝试过npm run build，但没有成功

这是我在 package.json 文件中的脚本：

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

但是console.log('node env --->', process.env.NODE_ENV); 返回“发展”

有人知道如何将我的 react 应用程序设置为生产模式吗？这是 npm run build 的问题吗？ 非常感谢，我真的不明白这是从哪里来的......

Answer 1

我在 package.json 中替换了：

"scripts": {
    "dev": "react-scripts start",
    "start": "serve -s build",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "heroku-postbuild": "npm run build"
  }

我还创建了一个新的 Heroku 应用，它似乎可以工作

Answer 2

在 heroku 中配置环境变量时，您必须附加 REACT_APP_VARIABLENAME，然后设置其值，否则您将无法访问 env 变量。

看看：https://github.com/mars/create-react-app-buildpack#compile-time-configuration

您可以在 heroku 客户端中执行此操作

---