Compare file sizes before and after your gulp build process.
npm install gulp-bytediff> Compare file sizes before and after your gulp build process.
With npm do:
``
npm install gulp-bytediff --save-dev
Take any gulpplugin, or series of gulpplugins and see how much the build process
added to, or removed from, your filesize. This example uses another of my
modules, gulp-cssnano.
`js
var gulp = require('gulp');
var bytediff = require('gulp-bytediff');
var csso = require('gulp-cssnano');
gulp.task('default', function() {
gulp.src('main.css')
.pipe(bytediff.start())
.pipe(cssnano())
.pipe(bytediff.stop())
.pipe(gulp.dest('./out'));
});
`
Creates a new property on the file object that saves its current size.
Outputs the difference between the property saved with the start() method
and the current filesize.
Customise the output of this by using the format function. An example:
`js``
// ...
.pipe(bytediff.stop(function(data) {
var difference = (data.savings > 0) ? ' smaller.' : ' larger.';
return data.fileName + ' is ' + data.percent + '%' + difference;
}))
.pipe(gulp.dest('./out'));
The function gets passed an object with the following properties:
* fileName
* startSize
* endSize
* savings
* percent
Pull requests are welcome. If you add functionality, then please add unit tests
to cover it.
MIT © Ben Briggs
[ci]: https://travis-ci.org/ben-eb/gulp-bytediff
[deps]: https://gemnasium.com/ben-eb/gulp-bytediff
[gulp]: https://github.com/wearefractal/gulp
[npm]: http://badge.fury.io/js/gulp-bytediff