gulp-css-inliner

A simple and modern CSS inliner for gulp, with optional support for CSS preprocessors and templating languages.

Install

$ npm install --save-dev gulp-css-inliner

Usage

var gulp = require('gulp');
var cssInline = require('gulp-css-inliner');
 
gulp.task('default', function () {
    return gulp.src('src/file.html')
        .pipe(cssInline({
            directory: 'src/style'
        }))
        .pipe(gulp.dest('dist'));
});

API

cssInline(options)

options

directory

Type: string
Default: ''

The base directory from which local stylesheets are loaded. Only files in this directory or its sub-directories are accessible.

plugins

Type: function[]
Default: []

Array of PostCSS plugins to use while processing stylesheets.

precompile

Type: function
Default: null

A function that precompiles a stylesheet into CSS. See the css-inliner preprocessors section.

template

Type: function
Default: null

A function that can extract tags from a templating language. See the css-inliner templates section.

loadAsync

Type: function
Default: null

A function that reads a stylesheet reference (path or URL) into a Buffer or string. Recommended only when directory and precompile are not enough.

cssInline.templates

handlebars

Type: function

CSSInliner support function for Handlebars. You will need to add Handlebars as a dev dependency if you want to use Handlebar templates in your project.

cssInline.preprocessors

less

Type: function

CSSInliner support function for Less. You will need to add Less as a dev dependency if you want to use Less stylesheets in your project.

License

MIT © Northcloud Inc.