gulp-juice-concat

gulp-juice-concat

Pipe a list of Vinyl objects and get out some inline CSS

Check the Gulpfile included for an example.

Or, just look here:

var gulp = require('gulp');
var juice = require('gulp-juice-concat');

gulp.task('juice', function(){
  gulp.src(['./test/**/*.html'])
    .pipe(juice({}))
    .pipe(gulp.dest('./.build'));
});

Important Changes

Previously you would enter in a CSS and HTML array and it detected the type based on the extension. This is no longer how it works. Now, you just enter the HTML array and it detects the styles you want by looking at the <link> and <style> tags in the HTML document provided. It resolves the path using the directory of the HTML as a base directory (maybe I will make it so this can be reconfigured) and reads those files and injects their CSS into the document.

This means there is no more inject tag

Easy as that. Pipe HTML and CSS files in, or just make sure something has concerted the files into CSS, e.g. gulp-sass, and then it will inject it into an HTML file.

Options

You can pass in any options you would pass into juice in the configuration of the plugin. There are no other options at this time.