Linux系统自动部署 Vue 项目过程
关于Linux自动部署 Vue项目步骤。 (ps:不仅只是Vue,任何编译打包都可使用)我们先分析打包过程:拉去最新的代码 (git)安装依赖(npm)构建打包 (node)删除服务器文件夹下的就项目文件新打包好的文件复制过去成功部署代码:# 当前路径 /deploy/data/nginx# 存放脚本路径 /deploy/data/nginx/shs# 线上文件 /deploy/data/ngin
·
关于Linux自动部署 Vue项目步骤。 (ps:不仅只是Vue,任何编译打包都可使用)
我们先分析打包过程:
- 拉去最新的代码 (git)
- 安装依赖(npm)
- 构建打包 (node)
- 删除服务器文件夹下的就项目文件
- 新打包好的文件复制过去
- 成功部署
代码:
# 当前路径 /deploy/data/nginx
# 存放脚本路径 /deploy/data/nginx/shs
# 线上文件 /deploy/data/nginx/pages/
# 代码路径 /deploy/data/nginx/www/
#切换到代码目录
cd ./www
# clone 新的代码
git clone http://www.git.com/project-name.git
# 进入目录
cd project-name
# 安装依赖
npm install
# 打包
npm run build
# 删除 ngnix 指向的文件夹下得文件
rm -rf /deploy/data/nginx/page/project-name/*
# 将打包好的文件复制过去
mv /deploy/data/nginx/www/project-name/dist/* /deploy/data/nginx/page/project-name
等待脚本执行完毕,就完成部署!!!!
更多推荐
已为社区贡献1条内容
所有评论(0)