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

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.

Type: String Default: undefined

Name of the CSS file that should be generated, e.g. images.svg.css.

Type: String
Default: undefined

Namespace of the CSS classes.

Copyright 2014 - 2015, André König ([email protected])