Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including gulp-juice with all npm packages installed. Try it out:

var gulpJuice = require("gulp-juice")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

gulp-juice v0.1.0

process html files through juice to inline CSS

gulp-juice

build status

Stream html files through juice to inline CSS.

Examples

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

gulp.task('bootloader', function(){
  gulp.src('./.build/bootloader.html')
    .pipe(juice({}))
    .pipe(gulp.dest('./.build/bootloader.inline.html'));
});

gulp.task('deploy', ['build', 'manifest', 'bootloader', 'publishtoS3']);

Protip when using with a template renderer: need to pipe to dest first as you probably want juice resolving css relative to our actual build output:

var juice = require('gulp-juice'),
  jade = require('gulp-jade');

gulp.task('bootloader', function(){
  gulp.src('./app/templates/bootloader.jade')
    .pipe(jade({pretty: true}))
    .pipe(gulp.dest('./.build'))
    .pipe(juice())
    .pipe(gulp.dest('./.build'));
});

gulp.task('deploy', ['build', 'manifest', 'bootloader', 'publishtoS3']);

License

MIT

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free