前端自动化构建工具-gulp新一代前端构建利器

大多数公司的前端项目发布工作都是通过jenkins⭐20k和k8s⭐94k以自动化的方式部署的。

正式环境由运维部做，提前给申请表。 测试环境太频繁了，开发或测试都快部署了。 目前我只用过这两个工具前端自动化构建工具，通过web操作还是很方便的。

前端开发者通常只需要将代码提交到git库，并不需要了解这些工作。 他们很少参与采访。 你问，为什么要读这些？

我不会说多学点东西好，因为再好的知识对你也没有用，最终会随着时间被遗忘。

比如官方环境报错，图片文件加载慢，测试环境正常，影响用户使用，运维同学知道哪里配置不对，nginx是配置不正确，gzip 未启用，或者代码不是最新的。 您可以快速定位问题，而不是怀疑您提交了有问题的代码。 当你需要运维/后端同学配合优化项目的时候，你有资格和他们讨论怎么做，如何不给其他部门的同事增加额外的工作量，不让别人反感，以及同时快速提升功能，提升业务质量。 . 你会明白，你应该多了解参与工作交付的上下游同事的工作。

今天我们来谈谈詹金斯

核心点持续集成

随着业务的增长，开发人员的数量增加，项目快速迭代。 多分支提交功能到test分支，test分支合并到uat分支。 经过回归测试和压力测试后，将代码合并到master分支，完成业务迭代。 同时在开发分支提交小优化、小bug测试，多个任务线穿插……是不是已经不堪重负了？

持续集成意味着它可以快速迭代。 代码更新后，自动化测试（很多公司不配置，业务驱动），自动拉取，自动构建，自动部署到生产机器上前端自动化构建工具，这个过程大大提高了项目的质量保证。 同时，通过每次更新一个功能点，更容易、更快速地发现错误。 回滚代码操作也很简单。

持续交付

也就是说，无论代码何时更新，用户始终无动于衷，随时可以交付产品/项目

持续部署

代码经过部门负责人审核后（或者没有这个环节），就可以部署到生产阶段了。

环境

下载

官网镜像地址：

下载链接：

华为镜像地址：

阿里云：

安装

官方网站：

全局配置

进入Manage Jenkins -> Global Tool Configuration，配置NodeJs

创建管道

回滚配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

echo "##################################"
echo $WORKSPACE
echo $BUILD_DISPLAY_NAME
echo "Status:$Status"

case $Status  in
  Deploy) #发布
    
    path="${WORKSPACE}/bak/${BUILD_DISPLAY_NAME}"      #创建每次要备份的目录
    if [ -d $path ];
    then
        echo "The files is already  exists "
    else
        mkdir -p  $path
    fi
    \cp -R ${WORKSPACE}/dist/. $path        #将打包好的包备份到相应目录,覆盖已存在的目标
    echo "Completing!"
    ;;
  Rollback) #回滚

      cd ${WORKSPACE}/dist/            #进入备份目录
      rm  -rf  * 
      \cp -rf ${WORKSPACE}/bak/$Version/. ${WORKSPACE}/dist/.       #将备份拷贝到程序打包目录中，并覆盖之前的war包
      echo "Completing!"
      ;;
  *)
  exit
      ;;
esac

然后出现这个样子，就成功了。

每次构建成功后，留一个备份的dist文件夹，复制一份到文件夹bak，回滚时手动选择哪个构建版本号替换源文件

结束