gulp-jade-usemin

Replaces references to non-optimized scripts or stylesheets into a set of Jade files (or any templates/views).

This task is designed for gulp 3.

Attention: v0.3.0 options does not compatible with v0.2.0.

Usage

First, install gulp-jade-usemin as a development dependency:

1npm install --save-dev gulp-jade-usemin

Then, add it to your gulpfile.js:

1var usemin = require('gulp-jade-usemin');
2var uglify = require('gulp-uglify');
3var minifyHtml = require('gulp-minify-html');
4var minifyCss = require('gulp-minify-css');
5var rev = require('gulp-rev');
6
7gulp.task('usemin', function() {
8  gulp.src('./*.jade')
9    .pipe(usemin({
10      css: [minifyCss(), 'concat'],
11      html: [minifyHtml({empty: true})],
12      js: [uglify(), rev()]
13    }))
14    .pipe(gulp.dest('build/'));
15});

Sample usage in Jade file:

1//- build:css /css/app.css
2block stylesheets
3  link(rel='stylesheet', href='/css/style.css')
4//- endbuild
5
6//- build:js /js/app.js
7block scripts
8    script(src='/js/script1.js')
9    script(src='/js/script2.js')
10//- endbuild

Changelog

1.1.2

• added maxListeners option (for setting the maximum number of listeners for streams)
• added outputRelativePath and outputBasePath option, it makes possible to use absolute routes to static files in jade templates independently to the folder structure of views

1.1.1

• fixed stream error issue

1.1.0

• fixed RegExp issue, now requires you to have a / or . as first character in your rev replacement (e.g. you need to have relative or absolute paths via script(src='/foo.js') as opposed to script(src='foo.js'))

1.0.0

• added video and img support
• support append and prepend
• jade style syntax

0.0.1

• initial release