时间戳

首页 > 解决方案 > 如何为生产配置 React 应用程序

reactjs - 如何为生产配置 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);返回“发展”

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

标签： reactjsheroku

解决方案

I replaced in 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"
  }

I also created a new heroku app and it seems to work

推荐阅读