前言： 本文只给出配置jinkins前端流程，对于前期在centos服务器上如何搭建jenkins请自行在掘金搜索相关文章
工欲善其事必先利其器，JenKins实现前端自动化部署配置
1.注册账号
2.新建任务
3.创建任务成功后点击配置
4.配置gitLab地址和分支
5.编写构建脚本
-
set -x 打印日志
-
yarn 项目中拉取依赖也可以用 npm i
-
yarn build 打包命令 也可以 npm run build 具体看项目package.json配置
-
tar zcvf dist.tar.gz dist 打包压缩dist目录为dist.tar.gz
6.构建后操作
-
执行linux命令 cd到前端部署目录
-
删除dist目录，删除压缩目录 （可改进为把dist重名名当前目录拼接时间戳，以防发布出错可回退上个版本，例如旧dist修改为dist_20201111_1040）
-
解压新打包的文件，删除压缩包
点击应用、保存按钮回到主页面
7.立即构建
8.查看日志输出
9.查看服务器前端目录
dist目录已经部署成功
到此，JenKins配置就完成了
