Postcss-sprites example

gulpfile.js

var gulp = require('gulp');
var postcss = require('gulp-postcss');
var sprites = require('postcss-sprites');
var opts    = {
    stylesheetPath  : './dist',
    spritePath      : './dist/images/sprite.png',
    outputDimensions: true,
    padding         : 10
};

gulp.task('css', function () {
    var processors = [
    	sprites(opts)
    ];
    
    return gulp.src('./src/*.css')
        .pipe(postcss(processors))
        .pipe(gulp.dest('./dist'));
});

gulp.task('default', ['css'], function () {
});

PostCSS plugin that generate sprites from your stylesheets and then updates image references.