var gulp = require('gulp'),//基础库
csso = require('gulp-csso'),//css压缩
jshint=require('gulp-jshint'),//js检查
uglify=require('gulp-uglify'),//js压缩
concat=require('gulp-concat'),//文件合并
clean=require('gulp-clean'),//清空文件夹
rename=require('gulp-rename'),//文件重命名
rev=require('gulp-rev'),//更改版本
revCollector=require('gulp-rev-collector');//gulp-rev的插件,用于html版本更改引用路径
//静态资源 路径 ,我们首先要清空里面曾经的资源,防止有冗余
gulp.task('clean',function () {
return gulp.src('dist/admin/app',{read:false})
.pipe(clean());
});
//静态css文件处理
gulp.task('css',function () {
return gulp.src('css/*.css')
     .pipe(csso())
.pipe(concat('all.css'))
.pipe(rename(function (path) {
path.basename+=".min";
path.extname=".css";
}))
.pipe(rev())
.pipe(gulp.dest('dist/admin/app/css'))
.pipe(rev.manifest())
.pipe(gulp.dest('dist/admin/rev/css'))
});
gulp.task('rev',function () {
return gulp.src(['dist/admin/rev/**/*.json','build/page/*.php'])
.pipe(revCollector({replaceReved:true}))
.pipe(gulp.dest('build/ks/'));
});


三条指令,
先gulp clean 清空以前的垃圾文件,
之后 gulp css生成压缩+指纹文件,
最后gulp rev将对应页面中的无指纹旧的静态文件替换为新的有指纹静态文件,并生成新的文件到指定位置。
啊,这时候就OK啦,主要的操作是,先压缩 然后合并,然后重命名,然后添加版本号,生成此时的文件,然后生成版本号与文件名对应的json文件,替换旧文件。
此时,在替换旧文件时候,可能比较的不好弄,要好好配置,基本是有两套了。要想想怎么设计比较好