chore(build): measure UMD bundle sizes

Author: davideast

package.json

@@ -56,6 +56,7 @@
     "gulp": "^3.9.0",
     "gulp-jasmine": "^2.2.1",
     "gulp-typescript": "^2.10.0",
+    "gzip-size": "^3.0.0",
     "http-server": "^0.8.5",
     "jasmine": "^2.4.1",
     "jasmine-core": "^2.4.1",
@@ -68,6 +69,7 @@
     "karma-systemjs": "^0.10.0",
     "ncp": "^2.0.0",
     "parse5": "^1.3.2",
+    "pretty-size": "^2.0.0",
     "protractor": "3.0.0",
     "reflect-metadata": "0.1.2",
     "rimraf": "^2.5.4",

tools/build.js

@@ -1,7 +1,9 @@
 const { rollup } = require('rollup');
 const { spawn } = require('child_process');
 const { Observable } = require('rxjs');
-const { copy } = require('fs-extra');
+const { copy, readFileSync } = require('fs-extra');
+const { prettySize } = require('pretty-size');
+const gzipSize = require('gzip-size');
 
 // Rollup globals
 const GLOBALS = {
@@ -96,6 +98,13 @@ function copyPackage(moduleName) {
   return copy(getSrcPackageFile(moduleName), getDestPackageFile(moduleName));
 }
 
+function measure(module, gzip = true) {
+  const path = `${process.cwd()}/dist/packages-dist/bundles/${module}.umd.js`;
+  const file = readFileSync(path);
+  const bytes = gzipSize.sync(file);
+  return prettySize(bytes, gzip);
+}
+
 function buildModule(name, globals) {
   const es2015$ = spawnObservable(NGC, TSC_ARGS(name));
   const esm$ = spawnObservable(NGC, TSC_ARGS(name, 'esm'));
@@ -112,7 +121,17 @@ function buildLibrary(globals) {
   return Observable
     .forkJoin(core$)
     .switchMapTo(auth$)
-    .switchMapTo(db$);
+    .switchMapTo(db$)
+    .do(() => {
+      const core = measure('core');
+      const auth = measure('auth');
+      const db = measure('database');
+      console.log(`
+      core.umd.js - ${core}
+      auth.umd.js - ${auth}
+      database.umd.js - ${db}
+      `);
+    });
 }
 
 const $lib = buildLibrary(GLOBALS).subscribe(