Package Exports
- next-plugin-bundle-stats
- next-plugin-bundle-stats/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 (next-plugin-bundle-stats) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Demo: Compare multiple builds, Single build
BundleStats Next.js plugin
- Bundle size and totals by file type(css, js, img, etc)
- Cache invalidation, Initial JS/CSS and other bundle specific metrics
- Assets report (entrypoint, initial, types, changed, delta)
- Modules report (changed, delta, chunks, duplicate count and percentage)
- Packages report (count, duplicate, changed, delta)
⭐ Side by side comparison for multiple builds
Description
Analyze webpack stats(bundle size, assets, modules, packages) and compare the results between different builds.
How to install
npm install --dev next-plugin-bundle-stats
or
yarn add --dev next-plugin-bundle-stats
Available options
See bundle-stats-webpack-plugin options.
Examples of usage
// In your next.config.js
const withBundleStats = require('next-plugin-bundle-stats');
module.exports = withBundleStats();
or with custom options:
// In your next.config.js
const withBundleStats = require('next-plugin-bundle-stats');
module.exports = withBundleStats({
outDir: '../artifacts'
});
Related projects
🌀 relative-ci.com
Specialized insights for web bundles:
- Analyze and monitor webpack stats(bundle size, assets, modules, packages)
- GitHub Check, GitHub Pull Request, and Slack integrations
- Support for all major CI services (CircleCI, GitHub Actions, Gitlab CI, Jenkins, Travis CI)
- Free for OpenSource, developers and small teams
🌓 relative-ci/compare
Standalone web application to compare Webpack/Lighthouse/Browsertime stats.
⚡ bundle-stats-action
Github Action that generates bundle-stats reports for webpack.