一、前言
-
前端自动化是指前端代码的自动化构建、打包、测试及部署等流程
-
前端自动化通常与持续集成CI/持续部署CD流程相结合
-
自动化流程的意义在于:
- 减少人为失误,提高软件质量
- 效率迭代,便捷部署
- 快速交付,便于管理
二、Jenkins持续集成工具
- 使用Jenkins持续集成工具,实现前端自动化部署
- Jenkins是一个开源的、提供友好操作界面的持续集成(CI)工具,起源于Hudson(Hudson是商用的),主要用于持续、自动的构建/测试软件项目、监控外部任务的运行
- Jenkins用Java语言编写,可在Tomcat等流行的servlet容器中运行,也可独立运行。通常与版本管理工具(SCM)、构建工具结合使用
- 常用的版本控制工具有SVN、GIT,构建工具有Maven、Ant、Gradle
三、安装Jenkins持续集成工具
注意:前提已配置好java环境 (因为Jenkins是依赖于Java环境的,所以必须在节点机器上安装java环境)
1.下载安装程序
2、安装完成以后,然后访问 http://localhost:8080
四、创建任务
1. 点击新建,输入名称,选*风格的项目
2、General--丢弃旧的构建:保留新的几次构建即可
3、【源码管理】选择Git,填写Gitee项目克隆地址,用户名密钥以及分支
注意:若代码库是SVN就选择SVN
4、【构建触发器 】
5、【构建环境】
6、配置【构建】
在shell 中写要执行的脚本操作
备注:这时候配置就已经完成了。在拉取git代码的时候,就会执行shell脚本里面的内容
node -v
npm -v
npm install
npm run build:prod
cd dist
tar -zcvf sso.tar.gz *
7、【构建后操作】
8. 点击立即构建即可自动执行shell脚本