gulp-css-spriter-dookay
v1.0.3
Published
Sprite Sheet Generation from CSS source files. The best and different approach to sprite sheets.
Downloads
11
Maintainers
Readme
gulp-css-spriter-dookay
gulp-css-spriter-dookay
,雪碧图处理插件。基于gulp-css-spriter
插件进行了改良,新增配置项matchReg
,用于过滤是否需要合并的图片。
上海稻壳网络科技有限公司
Install
npm install --save -dev gulp-css-spriter-dookay
Usage
var gulp = require('gulp');
var spriter = require('gulp-css-spriter-dookay');
var minifyCSS = require('gulp-minify-css'); // https://www.npmjs.com/package/gulp-minify-css
gulp.task('css', function() {
return gulp.src('./src/css/styles.css')
.pipe(spriter({
spriteSheet: './dist/images/sprite.png',
pathToSpriteSheetFromCSS: '../images/sprite.png',
spritesmithOptions:{
padding:10
},
matchReg:{
pattern:"\.\./images\/icons\/"
}
}))
.pipe(minifyCSS())
.pipe(gulp.dest('./dist/css'));
});
Options
matchReg
: object - 匹配规则pattern
: string 正则表达式,默认为null,表示全部背景图片attributes
: string 可选的字符串,包含属性 "g"、"i" 和 "m",分别用于指定全局匹配、区分大小写的匹配和多行匹配
- 其他配置项请参考https://github.com/MadLittleMods/gulp-css-spriter