https://github.com/udaypydi/webpack-bundle-charts-plugin

https://github.com/udaypydi/webpack-bundle-charts-plugin

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/udaypydi/webpack-bundle-charts-plugin
• Owner: udaypydi
• License: mit
• Created: 2020-01-28T18:39:38.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-02-06T18:22:34.000Z (almost 4 years ago)
• Last Synced: 2024-09-25T16:28:38.064Z (3 months ago)
• Language: JavaScript
• Size: 22.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Webpack Cli Bundle Analyzer

A webpack plugin for analysing the bundle sizes in terminal. Provides a graphical representation of the bundle sizes in command line. Just install and add the plugin to the webpack plugins and check out the magic!

`npm i --save webpack-bundle-analysis-cli`

or

`yarn add webpack-bundle-analysis-cli`

## Examples:

1. Default Options

```

const WebpackBundleAnalyzer = require('webpack-bundle-analysis-cli');

plugins: [new WebpackBundleAnalyzer()]

```

2. Passing options to the plugin

```

const WebpackBundleAnalyzerCLI = require('webpack-bundle-analysis-cli');

plugins: [new WebpackBundleAnalyzerCLI({

            height: 20,

            width: 40,

            color: 'cyan'

            })]

```

## Output:

![](https://i.imgur.com/mT1LG2m.png)

## Limitations:

- Bundle Sizes are plotted in `bytes`.

- Only numberic legends support.

- Support for only `height`, `width` and `color` option.