RelativeCI uses bundle-stats to verify, filter and analyze webpack stats. Discover below the data and the metrics extracted for each section:
For projects using Vite/Rollup, check How to output bundle stats JSON file on Vite guide.
Assets
The list of assets produced by webpack
Asset size: The size of the file produced by webpack
- webpack ignores assets that match
excludeAssets
webpack stats option - bundle-stats ignores assets with
.map
and.LICENSE.txt
extensions
Bundle Size
The total size of the assets produced by webpack
bundle-stats extracts total metrics for each file type(ex: CSS
, JS
, IMG
, Media
, Fonts
, Html
, and Other
).
Initial JS
The total size of JavaScript initial chunks
Initial CSS
The total size of CSS initial chunks
Cache Invalidation
The ratio between the total changed assets and total assets size(Bundle Size
)
Chunks
The total number of chunks
Assets
Total number of assets
Modules
- webpack ignores modules that match
excludeModules
webpack stats option - bundle-stats ignores modules that are not bundled into any chunks
Module size: module file size before any production optimization(ex: terser minification)
Modules
The total number of modules bundled by webpack
From bundle-stats@v4, the metric counts all the duplicate module instances - bundle-stats#2122.
v1-v3 | v4 | |
---|---|---|
modules | 100 | 110 |
duplicateModules | 10 | 10 |
Duplicate Modules
bundle-stats@3.3.0The total number of modules that belong to more than one chunk
Duplicate Code
bundle-stats@3.3.0The percentage of total duplicate module size from the total module size
Packages
Packages bundled by webpack
Package size: the total package's module size before any production optimization(ex: terser minification).
Packages
The total number of packages bundled by webpack
Duplicate Packages
The total number of duplicate packages