本文假设你之前没有用过任何任务脚本(task runner)和命令行工具,一步步教你上手 Gulp。然后教你 jenkins 如何集成前端构建工具 Gulp。不要怕,jenkins gulp 持续集成环境搭建其实也很简单,我会分为五步向你介绍 jenkins gulp 持续集成并帮助你完成一些惊人的事情。那就直接开始吧。
首先,最基本也最重要的是,我们需要搭建 node 环境。访问 https://nodejs.org/en/download/
下载得到这样的一个文件 node-v6.9.2-linux-x64.tar.xz, 上传到 jenkins 服务器上
执行 xz -d node-v6.9.2-linux-x64.tar.xz 得到 node-v6.9.2-linux-x64.tar
然后解压 node-v6.9.2-linux-x64.tar
tar -xvf node-v6.9.2-linux-x64.tar
mv node-v6.9.2-linux-x64/ /usr/local/node
vi /etc/profile
export NODE_HOME=/usr/local/node
export PATH=$PATH:$NODE_HOME/bin
export NODE_PATH=$NODE_HOME/lib/node_modules
增加环境变量
source /etc/profile 立即生效
出现版本号,说明 node 安装成功
我们已经知道如何使用命令行,现在尝试点新的东西,认识 npm 然后安装 gulp。
NPM 是基于命令行的 node 包管理工具,它可以将 node 的程序模块安装到项目中,在它的 中可以查看和搜索所有可用的程序模块。
- npm install -g gulp
运行时注意查看命令行有没有错误信息,安装完成后,你可以使用下面的命令查看 gulp 的版本号以确保 gulp 已经被正确安装。
- gulp -v
- 根据需要安装依赖
- npm install gulp
- npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename
- npm install jshint
- npm install gulp-replace
- npm install gulp-clean-CSS
系统管理》管理插件,安装插件
然后在系统管理》Global Tool Configuration 中配置我们安装的 node,如下图
新建 job
点击 ok
选择好项目
选择我们配置好的 node
将项目发布到指定的服务器上,保存,点击立即构建。
构建成功
补充:上文图片中提到的 gulp 构建目录,必须要有 gulpfile.js package.json 这两个文件,gulpfile.js 内容如下图
文件中有 jenkins 工作空间的变量 无法识别所以这里就没有使用变量了
来源: http://www.bubuko.com/infodetail-1869682.html