Package Exports

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

Demos: Bundle analysis comparison · Bundle analysis

BundleStats Next.js plugin

Node version

- Bundle size and totals by file type(css, js, img, etc)
- Insights: duplicate packages, new packages
- Initial JS/CSS, Cache invalidation, and other bundle 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

yarn add --dev next-plugin-bundle-stats

Available options

See bundle-stats-webpack-plugin options.

Examples of usage

// In your next.config.js
const createBundleStatsPlugin = require('next-plugin-bundle-stats');

const withBundleStatsPlugin = createBundleStatsPlugin();

/** @type {import('next').NextConfig} */
const nextConfig = {};

module.exports = withBundleStatsPlugin(nextConfig);

or with custom options:

// In your next.config.js
const createBundleStatsPlugin = require('next-plugin-bundle-stats');

const withBundleStatsPlugin = createBundleStatsPlugin({
  outDir: '../artifacts'
});

/** @type {import('next').NextConfig} */
const nextConfig = {};

module.exports = withBundleStatsPlugin(nextConfig);

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

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

next-plugin-bundle-stats