JSPM

@bundle-stats/utils

4.1.5-alpha.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 115542
  • Score
    100M100P100Q166563F
  • License MIT

BundleStats utils

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/config/metrics
  • @bundle-stats/utils/lib-esm/config/metrics.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

Packages

bundle-stats

npm npm

CLI to generate bundle stats report.

bundle-stats-webpack-plugin

npm npm

Webpack plugin to generate bundle stats report.

gatsby-plugin-bundle-stats

npm npm

Gatsby plugin for bundle-stats.

next-plugin-bundle-stats

npm npm

Next.js plugin for bundle-stats.

🌀 relative-ci.com

In-depth webpack bundle analysis and monitoring

RelativeCI automates webpack bundle analysis, monitoring, and alerting so you can identify and fix bundle regressions before shipping to production:

  • 🔮 Analyze webpack bundle stats on every build
  • 📈 Monitor webpack bundle stats changes and identify tendencies over extended periods
  • 🔔 Get notified via GitHub Checks, GitHub Pull Request comments, and Slack notifications
  • 🔨 Support for all major CI services (CircleCI, GitHub Actions, Gitlab CI, Jenkins, Travis CI)
  • 💕 Always free for Open Source

Try for free

🌓 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.