twolfson/gulp.spritesmith : Convert a set of images into a spritesheet and CSS variables via gulp
▻https://github.com/twolfson/gulp.spritesmith
Module Gulp générateur de sprites pour des images bitmaps (png/jpg).
Crée le fichier de sprite + le fichier css avec les classes qui vont bien.
Installation basique :
npm i gulp gulp.spritesmith --save
Exemple de fichier gulpfile.js minimum :
var gulp = require('gulp'),
spritesmith = require('gulp.spritesmith')
gulp.task('sprite', function () {
var spriteData = gulp.src('img_entree/*.png')
.pipe(spritesmith({
/* this whole image path is used in css background declarations */
imgName: 'img/sprite.png',
cssName: 'css/sprite.css'
}));
return spriteData.pipe(gulp.dest('./'));
});