Gulp-imacss NPM

gulp-imacss

imacss (the image to datauri to CSS transformer) plugin for gulp

Usage

First, install gulp-imacss as a development dependency:

npm install --save-dev gulp-imacss

Then, add it to your gulpfile.js:

var imacss = require('gulp-imacss');

gulp.task('imacss', function () {
    gulp.src('./images/**/*.svg')
        .pipe(imacss('images.svg.css'))
        .pipe(gulp.dest('./build/'));
});

You're are also able to do something different before piping it to imacss:

var svg2png = require('gulp-svg2png');
var imacss  = require('gulp-imacss');

gulp.task('imacss', function () {
    gulp.src('./images/**/*.svg')
        .pipe(svg2png())
        .pipe(imacss('images.png.css'))
        .pipe(gulp.dest('./build/'));
});

In this case the result would be first a transformation from SVG to PNG images and then the production of the CSS file images.png.css.