Jenkins Gulp前端项目部署

一.Gulp

1.安装node.js

2.安装gulp

npm install -g gulp

注: -g 全局环境安装

如安装慢，可切换国内npm镜像

临时使用

npm --registry https://registry.npm.taobao.org install express

长久使用

npm config set registry https://registry.npm.taobao.org


验证配置

npm config get registry

3.根据需要安装gulp依赖包

npm install jshint gulp-jshint gulp-concat gulp-uglify gulp-rename -g

npm install gulp-sass --save-dev -g

npm install gulp-replace -g

npm install gulp-clean-css -g

如安装出现下面的警告可忽略，fsevent是mac osx系统的，你是在win或者Linux下使用了 所以会有警告，忽略即可

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/browser-sync/node_modules/chokidar/node_modules/fsevents):

模块解释：

jshint 检查代码，打印报告信息

gulp-sass 设置不同样式风格的输出方法

gulp-concat 合并文件

gulp-uglify 压缩js文件

gulp-rename 重命名

gulp-replace字符替换

gulp-clean-css压缩css文件，并给引用url添加版本号避免缓存

更多插件介绍及安装可访问npmjs

如需更新插件，可安装npm-check-updates更新

4.测试gulp

vim gulpfile.js
var gulp = require('gulp');
gulp.task('default',function(){
 console.log('hello world');
});

二.Jenkins

1.安装nodejs插件

2.配置nodejs