# webpack-visualizer-plugin

> Visualize and analyze your Webpack bundle to see which modules are taking up space and which might be duplicates.

Latest version **0.1.11** (published 2017-02-24) · MIT license · 0 weekly downloads

## Install

```sh
npm install webpack-visualizer-plugin
pnpm add webpack-visualizer-plugin
yarn add webpack-visualizer-plugin
bun add webpack-visualizer-plugin
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.11 |
| Published | 2017-02-24 |
| First published | 2015-11-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1685 |
| Author | Chris Bateman |
| Maintainers | chrisbateman |

## Links

- npm: https://www.npmjs.com/package/webpack-visualizer-plugin
- Repository: https://github.com/chrisbateman/webpack-visualizer
- Homepage: https://github.com/chrisbateman/webpack-visualizer#readme
- Issues: https://github.com/chrisbateman/webpack-visualizer/issues
- npm.io page: https://npm.io/package/webpack-visualizer-plugin

## Dependencies (4)

- [d3](https://npm.io/package/d3.md) ^3.5.6
- [react](https://npm.io/package/react.md) ^0.14.0
- [mkdirp](https://npm.io/package/mkdirp.md) ^0.5.1
- [react-dom](https://npm.io/package/react-dom.md) ^0.14.0

## Recent versions

- 0.1.11 (latest) — 2017-02-24
- 0.1.10 — 2017-01-13
- 0.1.9 — 2017-01-11
- 0.1.8 — 2017-01-09
- 0.1.7 — 2017-01-08
- 0.1.6 — 2016-12-20
- 0.1.5 — 2016-02-09
- 0.1.4 — 2015-11-03
- 0.1.3 — 2015-11-02
- 0.1.2 — 2015-11-02
- 0.1.1 — 2015-11-02
- 0.1.0 — 2015-11-02

## README

# Webpack Visualizer
Visualize and analyze your Webpack bundle to see which modules are taking up space and which might be duplicates.

This tool is still pretty new, so please submit issues or feature requests!


## Site Usage

Upload your stats JSON file to the site: [chrisbateman.github.io/webpack-visualizer/](http://chrisbateman.github.io/webpack-visualizer/)

## Plugin Usage

```
npm install webpack-visualizer-plugin
```
```javascript
var Visualizer = require('webpack-visualizer-plugin');

//...
plugins: [new Visualizer()],
//...
```
This will output a file named `stats.html` in your output directory. You can modify the name/location by passing a `filename` parameter into the constructor.

```javascript
var Visualizer = require('webpack-visualizer-plugin');

//...
plugins: [new Visualizer({
  filename: './statistics.html'
})],
//...
```

---

![](https://cloud.githubusercontent.com/assets/1145857/10471320/5b284d60-71da-11e5-8d35-7d1d4c58843a.png)

---
_Source: https://npm.io/package/webpack-visualizer-plugin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._