gulp实例

var gulp = require('gulp'),runSequence = require('run-sequence'),gulpif = require('gulp-if'),uglify = require('gulp-uglify'),less = require('gulp-less'),csslint = require('gulp-csslint'),rev = require('gulp-rev'),minifyCss = require('gulp-minify-css'),changed = require('gulp-changed'),jshint = require('gulp-jshint'),stylish = require('jshint-stylish'),revCollector = require('gulp-rev-collector'),minifyHtml = require('gulp-minify-html'),autoprefixer = require('gulp-autoprefixer'),del = require('del');var cssSrc = ['main.less', 'layer-box.less', 'tag.less'],cssDest = 'dist/css',jsSrc = 'src/js/*.js',jsDest = 'dist/js',fontSrc = 'src/fonts/*',fontDest = 'dist/font',imgSrc = 'src/img/*',imgDest = 'dist/img',cssRevSrc = 'src/css/revCss',condition = true;function changePath(basePath){var nowCssSrc = [];for (var i = 0; i < cssSrc.length; i++) {nowCssSrc.push(cssRevSrc + '/' + cssSrc[i]);}return nowCssSrc;}//Fonts & Images 根据MD5获取版本号gulp.task('revFont', function(){return gulp.src(fontSrc).pipe(rev()).pipe(gulp.dest(fontDest)).pipe(rev.manifest()).pipe(gulp.dest('src/rev/font'));});gulp.task('revImg', function(){return gulp.src(imgSrc).pipe(rev()).pipe(gulp.dest(imgDest)).pipe(rev.manifest()).pipe(gulp.dest('src/rev/img'));});//检测JSgulp.task('lintJs', function(){return gulp.src(jsSrc)//.pipe(jscs())   //检测JS风格.pipe(jshint({"undef": false,"unused": false}))//.pipe(jshint.reporter('default'))  //错误默认提示.pipe(jshint.reporter(stylish))   //高亮提示.pipe(jshint.reporter('fail'));});//压缩JS/生成版本号gulp.task('miniJs', function(){return gulp.src(jsSrc).pipe(gulpif(condition, uglify())).pipe(rev()).pipe(gulp.dest(jsDest)).pipe(rev.manifest()).pipe(gulp.dest('src/rev/js'));});//CSS里更新引入文件版本号gulp.task('revCollectorCss', function () {return gulp.src(['src/rev/**/*.json', 'src/css/*.less']).pipe(revCollector()).pipe(gulp.dest(cssRevSrc));});//检测CSSgulp.task('lintCss', function(){return gulp.src(cssSrc).pipe(csslint()).pipe(csslint.reporter()).pipe(csslint.failReporter());});//压缩/合并CSS/生成版本号gulp.task('miniCss', function(){return gulp.src(changePath(cssRevSrc)).pipe(less()).pipe(gulpif(condition, minifyCss({compatibility: 'ie7'}))).pipe(rev()).pipe(gulpif(condition, changed(cssDest))).pipe(autoprefixer({browsers: ['last 2 versions'],cascade: false,remove: false   })).pipe(gulp.dest(cssDest)).pipe(rev.manifest()).pipe(gulp.dest('src/rev/css'));});//压缩Html/更新引入文件版本gulp.task('miniHtml', function () {return gulp.src(['src/rev/**/*.json', 'src/*.html']).pipe(revCollector()).pipe(gulpif(condition, minifyHtml({empty: true,spare: true,quotes: true}))).pipe(gulp.dest('dist'));});gulp.task('delRevCss', function(){del([cssRevSrc,cssRevSrc.replace('src/', 'dist/')]);})//意外出错？清除缓存文件gulp.task('clean', function(){del([cssRevSrc ,cssRevSrc.replace('src/', 'dist/')]);})//开发构建gulp.task('dev', function (done) {condition = false;runSequence( ['revFont', 'revImg'], ['lintJs'], ['revCollectorCss'], ['miniCss', 'miniJs'], ['miniHtml', 'delRevCss'],done);});//正式构建gulp.task('build', function (done) {runSequence( ['revFont', 'revImg'], ['lintJs'], ['revCollectorCss'], ['miniCss', 'miniJs'], ['miniHtml', 'delRevCss'],done);});gulp.task('default', ['build']);