https://github.com/nonzzz/vite-bundle-analyzer

bundle analyzer for vite
https://github.com/nonzzz/vite-bundle-analyzer

bundle-analyzer rollup-plugin vite-plugin

Last synced: about 2 months ago
JSON representation

bundle analyzer for vite

• Host: GitHub
• URL: https://github.com/nonzzz/vite-bundle-analyzer
• Owner: nonzzz
• License: mit
• Created: 2023-07-28T09:44:06.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-07-29T09:22:07.000Z (about 2 months ago)
• Last Synced: 2024-07-29T12:37:23.469Z (about 2 months ago)
• Topics: bundle-analyzer, rollup-plugin, vite-plugin
• Language: TypeScript
• Homepage:
• Size: 7.9 MB
• Stars: 112
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• fucking-awesome-vite - vite-bundle-analyzer - Utility that represents bundles as an interactive treemap. (Plugins / Framework-agnostic Plugins)
• awesome-vite - vite-bundle-analyzer - Utility that represents bundles as an interactive treemap. (Plugins / Framework-agnostic Plugins)

README

        


  





  

    

  

  

    

  

  

    

  



> [!WARNING]

> Vite's enable minify by default.There for you will see that the parsed size is larger than actual size.This is because the bundle info

> provide by rollup isn't compressed.(If you care about this problem you can choose anothr plugins.)

![analyzer](./analyzer.gif)

## Install

```bash

$ yarn add vite-bundle-analyzer -D

# or

$ npm install vite-bundle-analyzer -D

```

## Usage

```js

import { defineConfig } from 'vite'

import { analyzer } from 'vite-bundle-analyzer'

export default defineConfig({

  plugins: [

    // ...your plugin

    analyzer()

  ]

})

// If you are using it in rollup you can import 'adapter' from package.

// Then use it with adapter(analyzer())

```

## Options

| params         | type                   | default       | description                                                          |

| -------------- | ---------------------- | ------------- | -------------------------------------------------------------------- |

| `analyzerMode` | `server\|static\|json` | `server`      | In `server` will create a static server to preview.                  |

| `fileName`     | `string`               | `stats`       | The name of the static product.（No need to include `.ext` name）    |

| `reportTitle`  | `string`               | `plugin name` | Report website title.                                                |

| `gzipOptions`  | `Record`   | `{}`          | Compression options. (details see `zlib module`)                     |

| `analyzerPort` | `number\|'auto'`       | `8888`        | static server port.                                                  |

| `openAnalyzer` | `boolean`              | `true`        | Open the static website. (Only works on `analyzerMode` is `server` ) |

| `summary`      | `boolean`              | `true`        | Show full chunk info to stdout.                                      |

### Sponsors



  

    

  



### Contributions

Contributions are welcome! If you find a bug or want to add a new feature, please open an issue or submit a pull

request.

### Author and contributors



  

    

  

  

    

  

  



### LICENSE

[MIT](./LICENSE)