关于Linux自动部署 Vue项目步骤。 (ps:不仅只是Vue,任何编译打包都可使用)

我们先分析打包过程:

  1. 拉去最新的代码 (git)
  2. 安装依赖(npm)
  3. 构建打包 (node)
  4. 删除服务器文件夹下的就项目文件
  5. 新打包好的文件复制过去
  6. 成功部署

代码:


# 当前路径 /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

等待脚本执行完毕,就完成部署!!!!

Logo

前往低代码交流专区

更多推荐