parcel-plugin-bundle-visualiser
A plugin for the Parcel bundler to visualise bundle contents.
[![NPM Version][npm-image]][npm-url]
[![Linux CI Build][travis-image]][travis-url]
[![Windows CI Build][appveyor-image]][appveyor-url]
[![Known Vulnerabilities][snyk-image]][snyk-url]
!Screenshot showing treemap of a bundle
This plugin aims to make it easier to visualise a bundles contents and aid in troubleshooting and optimisation. If you know webpack-bundle-analyzer then this plugin will be very familiar. Bundle contents is presented in a treemap that gives eash asset/folder an area relative to its size on disc.
Install
``bash
npm install --save-dev parcel-plugin-bundle-visualiser
`
Usage
The next time you run your parcel build in production mode (i.e. when NODE_ENV is 'production') a bundle report will be saved to
Interpreting results
When you open the