git+jenkins+vue自动化部署 vue前端自动化部署（四）

一、流程
建立vue项目-》General-》源码管理-》build-》构件后操作-》验证，下面逐一进行分析。
二、新建vue项目
输入任务名称，选择【构建一个vue项目】

三、项目配置
1、General配置
进行简单的描述，其他可根据项目实际进行配置

2、源码管理
选择对应的git地址，进行代码拉取vue项目

3、构件环境

4、构件
这里我用的是cnpm,避免因网络问题导致错误。

代码如下

#!/bin/bash
source /etc/profile #声明环境变量
cnpm cache verify #清除缓存
cnpm install #安装cnpm
cnpm run build:prod -- --dev #构建项目
zip -r dist.zip dist #打包成.zip格式

5、构建后操作

脚本内容
判断文件夹如果存在则删除后解压，否则直接解压。

#!/bin/bash
cd /home/jack/test/fangke_vue0812
folder=dist
if [ -d "$folder" ]
then 
rm -rf  "$folder"
fi
unzip dist.zip