gulp-smoosher 

> Replaces css and js links with file contents

Install

Install with npm

``
npm install --save-dev gulp-smoosher
`




Example

$3

`html






...
`

$3

`css
body {
background: red;
}
`

$3

`js
var gulp = require('gulp');
var smoosher = require('gulp-smoosher');

gulp.task('default', function () {
gulp.src('index.html')
.pipe(smoosher())
.pipe(gulp.dest('dist'));
});
`

$3

`html




...
`

Options

$3

Pass in custom js/css tags, if so desired. Example:

`js
var gulp = require('gulp');
var smoosher = require('gulp-smoosher');

gulp.task('default', function () {
gulp.src('index.html')
.pipe(smoosher({
cssTags: {
begin: '',
end: ''
},
jsTags: {
begin: '',
end: ''
}
}))
.pipe(gulp.dest('dist'));
});
`

will result in the following:

`html


body {
background: red;
}
alert('Hello world!');

...
`


$3


Say your index.html is still in your src/ directory and files you intend to smoosh are already written to your dist/. In this case, specify a custom base to resolve your files from.

`js
gulp.task('default', ['minifyCss', 'uglifyJs'], function () {
gulp.src('src/index.html')
.pipe(smoosher({
base: 'dist'
}))
.pipe(gulp.dest('dist'));
});
`

$3


When the option ignoreFilesNotFound is true the plugin will keep running even if it finds a nonexistent file:

`js
gulp.task('default', function () {
gulp.src('src/index.html')
.pipe(smoosher({
ignoreFilesNotFound: true
}))
.pipe(gulp.dest('dist'));
});
``

Notes

If you use grunt instead of gulp, but want to perform a similar task, use grunt-html-smoosher.

Contributors

- Gabriel Florit
- Andrew Shaffer
- Jackson Ray Hamilton

License

MIT © Gabriel Florit