gulp-datafy

Create CSS data from images

Supported image types: svg, jpg, png, gif

Install

First, install gulp-datafy as a development dependency:

npm install gulp-datafy --save-dev

Usage

Then, add it to your gulpfile.js:

var datafy = require('gulp-datafy');
 
gulp.task('svgs', function(){
  gulp.src(['logo.svg'])
    .pipe(datafy({prefix:'logos-'}))
    .pipe(gulp.dest('build/images'));
});

Options

{
    prefix: '',
    size:false
}

prefix CSS class name prefix, default ''.

size output width & height properties of image (not actual for svg), default false.