打包react项目

  • 在命令行输入
npm run build
  • 会在项目中生成build文件夹

在测试环境上运行

  • 在原react的包中添加依赖
npm install serve --save
  • 然后可以自定义端口启动(默认3000)
serve -s build -p 8380

部署到Linux系统

  • 别把原来react项目包上传到服务器,自己可以把build文件夹拿出来,重新放入一个新的文件夹中。
    文件夹
  • package.json文件可以这样写
{
  "name": "react",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "serve -s build -p 8380",
    "prd": "nohup serve -s build -p 8380 > react.log 2>&1 &"
  },
  "author": "kjprime",
  "dependencies": {
    "serve": "^13.0.2"
  }
}
  • 将此文件夹(我这里的react文件夹)上传到服务器上(我很菜用的宝塔面板)
  • 上传之后,就是在相应的文件夹下执行命令(如果要上线,建议先npm start 测试一下,然后再npm run prd
npm install
npm run prd
  • 或者
npm install
npm start
  • 或者直接命令行
npm install
serve -s build -p 8380
  • 永久启动,应用后台运行
npm install
nohup serve -s build -p 8380 > react.log 2>&1 &
Logo

更多推荐