gulp.task('sprites', function () {
var spriteData = gulp.src('./src/assets/icons/*.png').pipe(spritesmith({
imgName: 'sprites-1208.png',
cssName: 'sprites.css',
imgPath: 'src/assets/sprites-1208.png',
}));
var imgStream = spriteData.img
.pipe(buffer())
.pipe(imagemin())
.pipe(gulp.dest('./src/assets/'));
var cssStream = spriteData.css
.pipe(csso())
.pipe(gulp.dest('./src/stylesheets/'));
return merge(imgStream, cssStream);
});
用gulp的spritesmith插件,可以自动化生成雪碧图,还可以自动生成样式以及定位。
最新推荐文章于 2024-05-15 09:41:18 发布