Yummy

gulp-ystamp

gulp插件gulp-ystamp，给样式中的背景图片添加时间戳等参数设置。

gulp-ystamp github托管

安装：

npm install --save-dev gulp-ystamp

参数：

stamp：参数对象，可以设置任意想添加的参数key和value

callback(stream, backgroundImgs)：回调函数，返回stream流和每个样式文件中的所有图片数组集合

使用：

					var gulp = require('gulp');
					var yStamp = require('gulp-ystamp');

					gulp.src('style/*.css').pipe(yStamp({
					    stamp: {
					        max_age: '2592000',
					        d: (new Date()).format("yyyyMMddhhmmss")
					    },
					    callback: function(stream, backgroundImgs){
					        stream.pipe(gulp.dest('style/output'));
					    }
					}));

					Date.prototype.format = function(fmt){ 
					  var o = {   
					    "M+" : this.getMonth()+1,                 //月份   
					    "d+" : this.getDate(),                    //日   
					    "h+" : this.getHours(),                   //小时   
					    "m+" : this.getMinutes(),                 //分   
					    "s+" : this.getSeconds(),                 //秒   
					    "q+" : Math.floor((this.getMonth()+3)/3), //季度   
					    "S"  : this.getMilliseconds()             //毫秒   
					  };   
					  if(/(y+)/.test(fmt))   
					    fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));   
					  for(var k in o)   
					    if(new RegExp("("+ k +")").test(fmt))   
					  fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)))   
					  return fmt;   
					}

使用：

使用前样式：

.test {background-image:url(slice/black_btn_play.png)}

使用后样式：

.test {background-image:url(slice/black_btn_play.png?max_age=2592000&d=20150514221347)}