Skip to content

Track bundle size #5294

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
IgorMinar wants to merge 2 commits into from
Closed

Track bundle size #5294

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
3a69ff6
build(gulp): remove unnecessary dependency duplication
IgorMinar Nov 15, 2015
71a2d44
build(analytics): track bundle size
IgorMinar Nov 15, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 40 additions & 18 deletions gulpfile.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1040,30 +1040,52 @@ gulp.task('!bundle.web_worker.js.dev.deps', ['!bundle.web_worker.js.dev'], funct
addDevDependencies("web_worker/ui.dev.js", addDevDependencies("web_worker/worker.dev.js")));
});

// We need to duplicate the deps of bundles.js so that this task runs after
// all the bundle files are created.
gulp.task('!bundle.copy',
gulp.task('!bundle.copy', function() {
return merge2(gulp.src('dist/js/bundle/**').pipe(gulp.dest('dist/js/prod/es5/bundle')),
gulp.src('dist/js/bundle/**').pipe(gulp.dest('dist/js/dev/es5/bundle')));
});

gulp.task('!bundles.js.checksize', function() {
var gzip = require('gulp-gzip');
var path = require('path');

return merge2(gulp.src('dist/js/bundle/**').on('data', checkFileSizeFactory('uncompressed')),
gulp.src('dist/js/bundle/**')
.pipe(gzip({gzipOptions: {level: 1}})) // code.angular.js
.on('data', checkFileSizeFactory('gzip level=1')),
gulp.src('dist/js/bundle/**')
.pipe(gzip({gzipOptions: {level: 2}})) // github pages, most common
.on('data', checkFileSizeFactory('gzip level=2', true)),
gulp.src('dist/js/bundle/**')
.pipe(gzip({gzipOptions: {level: 6}})) // default gzip level
.on('data', checkFileSizeFactory('gzip level=6')),
gulp.src('dist/js/bundle/**')
.pipe(gzip({gzipOptions: {level: 9}})) // max gzip level
.on('data', checkFileSizeFactory('gzip level=9')));

function checkFileSizeFactory(compressionLevel, printToConsole) {
return function checkFileSize(file) {
if (file.isNull()) return;
var filePath =
path.relative(path.join('dist', 'js', 'bundle'), file.path).replace('\.gz', '');
analytics.bundleSize(filePath, file.contents.length, compressionLevel);
if (printToConsole) {
console.log(` ${filePath} => ${file.contents.length} bytes (${compressionLevel})`)
}
}
}
});

gulp.task('bundles.js',
[
'!bundle.js.prod.deps',
'!bundle.js.dev.deps',
'!bundle.js.min.deps',
'!bundle.web_worker.js.dev.deps',
'!bundle.js.sfx.dev.deps'
'!bundle.js.sfx.dev.deps',
'!bundle.testing'
],
function() {
return merge2(gulp.src('dist/js/bundle/**').pipe(gulp.dest('dist/js/prod/es5/bundle')),
gulp.src('dist/js/bundle/**').pipe(gulp.dest('dist/js/dev/es5/bundle')));
});

gulp.task('bundles.js', [
'!bundle.js.prod.deps',
'!bundle.js.dev.deps',
'!bundle.js.min.deps',
'!bundle.web_worker.js.dev.deps',
'!bundle.js.sfx.dev.deps',
'!bundle.testing',
'!bundle.copy'
]);
function(done) { runSequence('!bundle.copy', '!bundles.js.checksize', done); });

gulp.task('build.js',
['build.js.dev', 'build.js.prod', 'build.js.cjs', 'bundles.js', 'benchpress.bundle']);
Expand Down
Loading