jenkins自动化部署前端项目

前提：安装如下插件
1.Publish Over SSH
2.GitLab Plugin
提前设置配置
为了方便新建任务，所以先将一些设置配置好，进入系统管理系统设置。
1.安装NodeJS插件
前端代码通过NodeJS进行构建，所以第一步确保NodeJS在Jenkins服务器上的安装和正常运行。
1.1系统管理->插件管理->可选插件-> 搜索nodejs点击直接安装即可
1.2系统管理->全局工具配置
建议选择不是很新的但也不要太旧的NodeJs版本

2.ssh服务器配置
系统管理->系统配置
在Publish over SSH处点击增加，添加SSH server，并且选择高级设置，设置相应的ip,用户名和密码等。（其他选项可不用管）

3.新建任务 构建一个自由风格的项目

4.General–丢弃旧的构建：保留新的几次构建即可

5.配置源码

6.配置nodejs环境(重要)
6.1构建环境

6.2构建
增加构建步骤选择 执行shell

# 查看版本信息
npm -v

pwd

# 解决存放在Github上的sass无法下载的问题
SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass
# 将镜像源替换为淘宝的加速访问
npm config set registry https://registry.npm.taobao.org
# 安装项目依赖
npm install
# 项目打包
npm run build

cd dist/
rm -rf dist.tar.gz #删除上次打包生成的压缩文件

tar -zcvf dist.tar.gz * #把生成的项目打包成dist方便传输到远程服务器

7.构建后的操作
构建后操作，将构建生成的dist目录拷贝到要部署的远程服务器上：