Jenkins 自动构建node vue项目配置

* Jenkins 新建任务

输入任务名称，选择建立一个自由风格的项目。

* 任务构建配置

做者用的是git，这里用git作例子。

输入项目的git地址，和用于登陆git帐号密码。指定分支选择你想构建的git分支。

勾选构建触发器，用于git更新代码后会自动推送到jenkins自动构建。
增长构建步骤选择：Execute shell
输入shell命令

npm install 
rm -rf ./dist/*
npm run build
rm -rf /usr/local/tomcat/webapps/website/*
cp -rf ./dist/* /usr/local/tomcat/webapps/website

点击保存应用。而后回到主面板。
点击项目进入到项目面板。点击Build Now当即构建。

构建完成，可是左下角构建历史爆红说明构建失败。点击工做空间右侧已经出现了项目，说明从git地址和用户名帐号没问题。

点击左下角报错列表后的下拉框选择控制台输出看下错误日志

找到错误，website不是目录，说明咱们服务器上tomcat webapps下没有这个文件。登陆服务器查看下。

果真没有，咱们新建website文件夹。

mkdir website

回到Jenkins再次构建下。

构建成功，看下控制台输出。

从控制台能够看出文件已经被打包成功，而且已经放到tomcat下，进入tomcat下看看。

哈哈，这就是咱们想一想要的效果。
启动tomcat访问试试吧！ http://localhost:8080/website。

* 配置Git更新后自动构建

做者这里用的是Github，gitlab同理。
登陆github上并选择到项目仓库。点击设置。

选择webhooks 并点击add webhook

payload URL填写：Jenkins服务器地址+端口号+/github-webhook。 点击增长。配置完毕。当代码提交后后会经过webhook告诉Jenkins过来拉取代码自动构建。