@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
Packages
bundle-stats
CLI to generate bundle stats report.
bundle-stats-webpack-plugin
Webpack plugin to generate bundle stats report for webpack/rspack.
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 for vite/rolldown/rollup.
Related projects
relative-ci.com
Automated bundle analysis, reviews and monitoring - Quickly identify and fix bundle regressions before shipping to production.
- In-depth bundle stats analysis for every build
- Monitor bundle stats changes and identify opportunities for optimizations
- Quick feedback with rule based automated review flow, GitHub Pull Request comments, GitHub check reports, or Slack messages
- Support for webpack, vite, rspack, rollup, rolldown
- 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
relative-ci/compare
Standalone web application to compare Webpack/Lighthouse/Browsertime stats.
bundle-stats-action
Github Action that generates bundle-stats reports.