*Jenkins新建任务，输入任务名称，选择创建自由式项目。*任务构建配置作者使用git，这里以git为例。输入项目的git地址，以及登录git账号的密码。Specifiedbranch选择你要构建的git分支。勾选构建触发器，git更新代码后会自动推送到jenkins进行自动构建。添加构建步骤选择：执行shell输入shell命令npminstallrm-rf./dist/*npmrunbuildrm-rf/usr/local/tomcat/webapps/website/*cp-rf./dist/*/usr/local/tomcat/webapps/website单击以保存应用程序。然后回到主面板。点击项目进入项目面板。单击立即构建以立即构建。构建完成，但是左下角的构建历史是红色的，说明构建失败。点击工作区右侧的项目，说明git地址和用户名账号没有问题。点击左下角错误列表后面的下拉框，选择控制台输出查看错误日志，找到错误。该网站不是目录，也就是说我们服务器上的tomcatwebapps下没有这个文件。登录服务器查看。果然，我们新建了一个网站文件夹。mkdir网站返回到Jenkins并再次构建。构建成功，查看控制台输出。从控制台可以看到文件已经成功打包，放到tomcat下了。进入tomcat看看。哈哈，这就是我们想要的效果。启动tomcat访问试试吧！http://localhost:8080/网站。*配置Git更新后自动构建。笔者这里使用的是Github，gitlab同理。登录到github并选择到项目存储库。单击设置。选择webhooks，点击addwebhookpayloadURL，填写：Jenkins服务器地址+端口号+/github-webhook。单击添加。配置完成。提交代码的时候，会告诉Jenkins过来，通过webhook自动拉取代码构建。
