gulp-css-inliner
v0.1.0
Published
> A simple and modern CSS inliner for `gulp`, with optional support for CSS preprocessors and templating languages.
Downloads
9
Readme
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.