gulpfile.js

var gulp = require('gulp'),
    runSequence = require('run-sequence'),
    rev = require('gulp-rev'),
    revCollector = require('gulp-rev-collector'),
    clean   = require('gulp-clean'),
    pump  = require('pump');

//定义css、js源文件路径
var cssSrc = './*.css',
    jsSrc = './*.js';


//CSS生成文件hash编码并生成 rev-manifest.json文件名对照映射
gulp.task('revCss', function(){
    return gulp.src(cssSrc)
        .pipe(rev())
        .pipe(gulp.dest('./rev/css'))
        .pipe(rev.manifest())
        .pipe(gulp.dest('./rev/css'));
});


//js生成文件hash编码并生成 rev-manifest.json文件名对照映射
gulp.task('revJs', function(){
    return gulp.src(jsSrc)
        .pipe(rev())                                //给文件添加hash编码
        .pipe(gulp.dest('./rev/js'))
        .pipe(rev.manifest())                       //生成rev-mainfest.json文件作为记录
        .pipe(gulp.dest('./rev/js'));
});


//Html替换css、js文件版本
gulp.task('revHtmlCss', function () {
    return gulp.src(['./rev/css/*.json', './index.html'])
        .pipe(revCollector())                         //替换html中对应的记录
        .pipe(gulp.dest('./rev'));                     //输出到该文件夹中
});
gulp.task('revHtmlJs', function () {
    return gulp.src(['./rev/js/*.json', './rev/index.html'])
        .pipe(revCollector())
        .pipe(gulp.dest('./rev'));
});

//清除旧版本文件
gulp.task('clean', function(cb) {
    pump([
        gulp.src('./rev'),
        clean()
    ], cb)
});

//开发构建
gulp.task('default', function (done) {
    condition = false;
    //依次顺序执行
    runSequence(
        ['clean'],
        ['revCss'],
        ['revHtmlCss'],
        ['revJs'],
        ['revHtmlJs'],
        done);
});