# vite-webpack-bundle-analyzer

> Vite plugin that represents bundle content as convenient interactive zoomable treemap from Webpack

Latest version **1.0.4** (published 2023-11-13) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install vite-webpack-bundle-analyzer
pnpm add vite-webpack-bundle-analyzer
yarn add vite-webpack-bundle-analyzer
bun add vite-webpack-bundle-analyzer
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.4 |
| Published | 2023-11-13 |
| First published | 2023-11-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=16.0.0 |
| Dependencies | 2 |
| Unpacked size | 15.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | deathsmell |
| Keywords | vite, vite-plugin, bundle, analyzer, modules, size, interactive, chart, treemap, zoomable, zoom |

## Links

- npm: https://www.npmjs.com/package/vite-webpack-bundle-analyzer
- npm.io page: https://npm.io/package/vite-webpack-bundle-analyzer

## Dependencies (2)

- [webpack-bundle-analyzer](https://npm.io/package/webpack-bundle-analyzer.md) 4.9.1
- [@types/webpack-bundle-analyzer](https://npm.io/package/@types/webpack-bundle-analyzer.md) 4.6.3

## Alternatives

- [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads
- [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads
- [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads
- [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads
- [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads

## Recent versions

- 1.0.4 (latest) — 2023-11-13
- 1.0.3 — 2023-11-13
- 1.0.2 — 2023-11-13
- 1.0.1 — 2023-11-13
- 1.0.0 — 2023-11-13

## README

<div align="center">
  <a href="https://github.com/vitejs/vite">
    <img width="200" height="200"
      src="https://camo.githubusercontent.com/61e102d7c605ff91efedb9d7e47c1c4a07cef59d3e1da202fd74f4772122ca4e/68747470733a2f2f766974656a732e6465762f6c6f676f2e737667">
  </a>
  <h1>Vite <s><small>Webpack</small></s> Bundle Analyzer</h1>
  <p>Visualize size of Vite output files with an interactive zoomable treemap.</p>
</div>

<h2 align="center">Install</h2>

NPM:

```bash
npm install --save-dev vite-webpack-bundle-analyzer
```

Yarn:

```bash
yarn add -D vite-webpack-bundle-analyzer
```

<h2 align="center">Usage</h2>

```js
// vite.config.js
import { ViteWebpackBundleAnalyzer } from "vite-webpack-bundle-analyzer";

export default defineConfig({
    plugins: [ViteWebpackBundleAnalyzer()],
})
```

<h2 align="center">Configuration</h2>

All config based by [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) except:

1. Temporally excluded `server` value from `analyzerMode` and removed next related
   options: `analyzerHost`, `analyzerPort`, `analyzerUrl`.
2. Overrides default value for defaultSizes: `parsed` -> `stat`
3. Disabled bundle parsing by default because "webpack-bundle-analyzer" expected no module chunks. (For enabling default behavior set `enableBundleParsing: true`)

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