react打包项目并且部署到Linux服务器上
打包react项目在命令行输入npm run build会在项目中生成build文件夹在测试环境上运行在原react的包中添加依赖npm install serve --save然后可以自定义端口启动(默认3000)serve -s build -p 8380部署到Linux系统别把原来react项目包上传到服务器,自己可以把build文件夹拿出来,重新放入一个新的文件夹中。package.jso
·
打包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 &
更多推荐
已为社区贡献2条内容
所有评论(0)