@avzuykov/gulp-css-base64 v2.0.3

@avzuykov/gulp-css-base64

Source

gulp-css-base64

Install

Install this plugin with the command:

npm install --save-dev @avzuykov/gulp-css-base64

Usage

var cssBase64 = require('@avzuykov/gulp-css-base64');

//Without options
gulp.task('default', function () {
    return gulp.src('src/css/input.css')
        .pipe(cssBase64())
        .pipe(gulp.dest('dist'));
});

//With options
gulp.task('default', function () {
    return gulp.src('src/css/input.css')
        .pipe(cssBase64({
            baseDir: "../../images",
            maxWeightResource: 100,
            extensionsAllowed: ['.gif', '.jpg']
        }))
        .pipe(gulp.dest('dist'));
});

Options

options.baseDir

Type: String

Default value:

Note: If you have absolute image paths in your stylesheet, the path specified in this option will be used as the base directory. By default plugin used the current directory of gulpfile.js to find local resources.

options.maxWeightResource

Type: Number

Default value: infinity

options.extensionsAllowed

Type: Array

Default value: []

Ignore a specific resource

You can ignore a resource with a comment /*rootFile*/ in CSS file after url definition.

.ignored{
  background: url(image.png); /*rootFile*/
}

.ignored{
  background: url(image.png);
  /*rootFile*/
}

.encoded{
  background: url(image.jpg);
}

License

Copyright (c) 2022 AVZuykov under the MIT License.