wip

Author: layershifter

apps/bundle-size/bin/bundle-size.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+require('../src/index');

apps/bundle-size/index.js

@@ -0,0 +1,21 @@
+{
+  "name": "bundle-size",
+  "version": "1.0.0",
+  "private": true,
+  "bin": {
+    "bundle-size": "./bin/bundle-size.js"
+  },
+  "dependencies": {
+    "@babel/core": "^7.10.4",
+    "ajv": "^6.12.5",
+    "chalk": "2.4.2",
+    "cli-table3": "~0.6.0",
+    "gzip-size": "^6.0.0",
+    "fs-extra": "^8.1.0",
+    "terser": "^5.5.1",
+    "webpack": "5.21.2"
+  },
+  "scripts": {
+    "build": "tsc --noEmit"
+  }
+}

apps/bundle-size/package.json

@@ -0,0 +1,59 @@
+const { default: chalk } = require('chalk');
+const Table = require('cli-table3');
+const fs = require('fs-extra');
+const glob = require('glob');
+const path = require('path');
+
+const buildFixture = require('./utils/buildFixture');
+const { hrToSeconds } = require('./utils/helpers');
+const prepareFixture = require('./utils/prepareFixture');
+
+/**
+ * @param {{ verbose: boolean }} options
+ */
+module.exports = async function build(options) {
+  const { verbose } = options;
+
+  const startTime = process.hrtime();
+  const artifactsDir = path.resolve(process.cwd(), 'dist', 'bundle-size');
+
+  await fs.remove(artifactsDir);
+
+  if (verbose) {
+    console.log(`${chalk.blue('[i]')} artifacts dir is cleared`);
+  }
+
+  const fixtures = glob.sync('bundle-size/*.fixture.js', {
+    cwd: process.cwd(),
+  });
+
+  if (verbose) {
+    console.log(`${chalk.blue('[i]')} Measuring bundle size for ${fixtures.length} fixture(s)...`);
+    console.log(fixtures.map(fixture => `  - ${fixture}`).join('\n'));
+  }
+
+  const preparedFixtures = await Promise.all(fixtures.map(prepareFixture));
+  const measurements = [];
+
+  for (const preparedFixture of preparedFixtures) {
+    measurements.push(await buildFixture(preparedFixture, verbose));
+  }
+
+  measurements.sort((a, b) => a.path.localeCompare(b.path));
+
+  await fs.writeJSON(path.resolve(process.cwd(), 'dist', 'bundle-size', 'bundle-size.json'), measurements);
+
+  if (verbose) {
+    const table = new Table({
+      head: ['Fixture', 'Minified size', 'GZIP size'],
+    });
+
+    measurements.forEach(r => {
+      table.push([r.name, r.minifiedSize, r.gzippedSize]);
+    });
+
+    console.log(table.toString());
+  }
+
+  console.log(`Completed in ${hrToSeconds(process.hrtime(startTime))}`);
+};