A Parcel bundler plugin that visualizes bundle contents with interactive treemaps for optimization.
parcel-plugin-bundle-visualiser is a plugin for the Parcel bundler that generates interactive treemap visualizations of bundle contents. It helps developers analyze and optimize their JavaScript bundles by presenting asset sizes in a clear, visual format, aiding in troubleshooting bundle bloat.
Developers using Parcel as their build tool who need to analyze and optimize the size and composition of their JavaScript bundles, particularly those transitioning from Webpack who are familiar with similar tools.
It provides a zero-configuration, visual analysis tool specifically for Parcel, generating production-only reports automatically and offering an intuitive interface similar to the popular webpack-bundle-analyzer.
A plugin for the parcel bundler to visualise bundle contents
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Presents bundle contents as a treemap where asset area corresponds to file size, making it easy to visually identify large dependencies at a glance, as shown in the screenshot and described in the README.
On hover, shows file names, relative paths, sizes, and estimated gzip compression, providing comprehensive insights without cluttering the interface, as detailed in the usage section.
Automatically generates reports only when NODE_ENV is 'production', avoiding unnecessary overhead during development builds, aligning with optimization focus as stated in the release notes.
Visualizes all bundles created by Parcel in a single report, offering a holistic view of the project's output, as mentioned in the Key Features.
The CLI argument '--visualise' was removed due to a bug, so reports are always created in production builds without an option to disable or customize timing, limiting flexibility.
Only produces a static HTML treemap with no support for alternative formats, metrics, or integration with CI/CD dashboards, making it less versatile for advanced workflows.
Adding report generation can increase build time, which might be noticeable in large projects or fast-paced CI environments, despite being production-only.
Parcel plugin Visualizer is an open-source alternative to the following products: