Package Exports

@bundle-stats/utils
@bundle-stats/utils/lib-esm/browsertime
@bundle-stats/utils/lib-esm/browsertime/index.js
@bundle-stats/utils/lib-esm/config/file-types
@bundle-stats/utils/lib-esm/config/file-types.js
@bundle-stats/utils/lib-esm/index.js
@bundle-stats/utils/lib-esm/lighthouse
@bundle-stats/utils/lib-esm/lighthouse/index.js
@bundle-stats/utils/lib-esm/utils/component-links
@bundle-stats/utils/lib-esm/utils/component-links.js
@bundle-stats/utils/lib-esm/utils/metrics
@bundle-stats/utils/lib-esm/utils/metrics.js
@bundle-stats/utils/lib-esm/webpack
@bundle-stats/utils/lib-esm/webpack/compare
@bundle-stats/utils/lib-esm/webpack/compare.js
@bundle-stats/utils/lib-esm/webpack/index.js
@bundle-stats/utils/lib-esm/webpack/utils
@bundle-stats/utils/lib-esm/webpack/utils.js
@bundle-stats/utils/lib/index.js
@bundle-stats/utils/lib/polyfills
@bundle-stats/utils/lib/polyfills.js
@bundle-stats/utils/lib/webpack
@bundle-stats/utils/lib/webpack/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@bundle-stats/utils) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@bundle-stats/utils

Common utilities for bundle-stats packages.

How to generate a weback report

import { createJobs, createReport } from '@bundle-stats/utils';
import * as webpack from '@bundle-stats/utils/lib/webpack';

// Get webpack stats data
const WEBPACK_STATS_CURRENT = {/* ... */};
const WEBPACK_STATS_BASELINE = {/* ... */};

// Create jobs
const jobs = createJobs([
  { webpack: WEBPACK_STATS_CURRENT },
  { webpack: WEBPACK_STATS_BASELINE }
]);

// Create report
const report = createReport(jobs);

console.log(report.insights.webpack.assetsSizeTotal.data.text);
>> Bundle size increased to 9.77KB (+100%).

Packages

`bundle-stats`

CLI to generate bundle stats report.

`bundle-stats-webpack-plugin`

Webpack plugin to generate bundle stats report.

`gatsby-plugin-bundle-stats`

Gatsby plugin for bundle-stats.

`next-plugin-bundle-stats`

Next.js plugin for bundle-stats.

`rollup-plugin-bundle-stats`

Rollup plugin to generate bundle stats report.

🌀 relative-ci.com

Optimize your web app's performance with automated bundle stats analysis and monitoring.

🔮 In-depth bundle stats analysis for every build
📈 Monitor bundle stats changes and identify opportunities for optimizations
🔔 Rule based automated review flow, or get notified via GitHub Pull Request comments, GitHub check reports and Slack messages
🔧 Support for webpack and beta support for Vite/Rollup
🔨 Support for all major CI services(CircleCI, GitHub Actions, Gitlab CI, Jenkins, Travis CI)
🔩 Support for npm, yarn and pnpm; support for monorepos
💕 Always free for Open Source

🚀 Get started

🌓 relative-ci/compare

Standalone web application to compare Webpack/Lighthouse/Browsertime stats.

Compare bundle stats

⚡ bundle-stats-action

Github Action that generates bundle-stats reports.