gulp-baseimg

v0.4.0
Convert images to dataUri-stylesheet
gulpplugin base64 svg css image

gulp-baseimg

Gulp plugin for generate data uri stylesheet from set of images.

##Usage

npm install gulp-baseimg --save-dev

###Example config

gulp.task('imgBase', function() {
    gulp.src('./images/data/*.png')
        .pipe(baseimg({
            styleTemplate: 'scss/data_gen.scss.mustache',
            styleName: '_data_gen.scss'
        }))
        .pipe(gulp.dest('./scss'));
});

###Options

####styleTemplate Path to mustache template

####styleName Result file name

###Template variables ####items Array of images data

####items[i].name Image filename without extension

####items[i].width & items[i].height Image width and height in pixels

####items[i].data Data URI string

npm i gulp-baseimg

Metadata

  • Unknown
  • Whatever
  • Alexander Lunyov
  • released 12/6/2016

Downloads

Maintainers