Web前端持续集成方案（四）

5、利用jenkins实现web前端项目持续集成

    上文中，咱们已经介绍了利用grunt检测并打包web前端项目的方案。下面咱们结合jenkins介绍 web前端项目持续集成方案。

    Grunt已经完成了大部分的工做，因此咱们的思路是利用jenkins调用grunt完成项目检测、打包工做。Jenkins须要作以下几个工做：

        一、更新SVN。

        二、准备打包环境。

        三、执行grunt。

        四、执行karma生成覆盖率报告。

        五、调用public html reports插件显示检测报告。

        六、调用SSH Publishers插件将dist目录下的文件传到服务器上（自动部署）。

    Jenkins调用grunt，咱们是利用ant脚本实现的。脚本代码以下：

<?xml version="1.0" encoding="UTF-8"?>

<project name="xxjia-smanage" default="build" basedir=".">
<property name="deployed_path"  value="" />
 <target name="build"
   depends="prepare,grunt-run,karma-coverage,deploy,clear"/>

 <target name="grunt-run" description="">
  <exec executable="grunt" dir="${basedir}/src">
   <arg value="default"/>
  </exec>
 </target>

 <target name="karma-coverage" description="">
  <exec executable="karma" dir="${basedir}/src">
   <arg value="start"/>
  </exec>
 </target>

 <target name="prepare" description="Prepare for build">
  <delete dir="${basedir}/smanage"/>
  <mkdir dir="${basedir}/smanage"/>
 </target>

 <target name="deploy" depends="grunt-run" description="Deploy for build">
  <copy todir="${basedir}\smanage\">
   <fileset dir="${basedir}\src\">
   </fileset>
  </copy>
 </target>
 
 <target name="clear" description="Clear for build">
 </target>

</project>

    最后效果以下：