twolfson (Todd Wolfson) · GitHub

/twolfson

  • 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('./'));
    });

    #sprite #gulp #css