gulp-jade-usemin
Version:
Gulp plugin for running usemin on Jade files
71 lines (52 loc) • 1.79 kB
Markdown
# 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:
```shell
npm install --save-dev gulp-jade-usemin
```
Then, add it to your `gulpfile.js`:
```javascript
var usemin = require('gulp-jade-usemin');
var uglify = require('gulp-uglify');
var minifyHtml = require('gulp-minify-html');
var minifyCss = require('gulp-minify-css');
var rev = require('gulp-rev');
gulp.task('usemin', function() {
gulp.src('./*.jade')
.pipe(usemin({
css: [minifyCss(), 'concat'],
html: [minifyHtml({empty: true})],
js: [uglify(), rev()]
}))
.pipe(gulp.dest('build/'));
});
```
Sample usage in Jade file:
```jade
//- build:css /css/app.css
block stylesheets
link(rel='stylesheet', href='/css/style.css')
//- endbuild
//- build:js /js/app.js
block scripts
script(src='/js/script1.js')
script(src='/js/script2.js')
//- 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