react打包项目并且部署到Linux服务器上

打包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 &