unplugin-visualizer2
Visualize and analyze your bundle to see which modules are taking up space. Works with any bundler(current support rollup and vite), powered by unplugin.
Install
npm i --save-dev unplugin-visualizer2
Vite
// vite.config.ts
import UnpluginVisualizer2 from 'unplugin-visualizer2/vite'
export default defineConfig({
plugins: [
UnpluginVisualizer2({
/* options */
}),
],
})
Example: playground/
Rollup
// rollup.config.js
import UnpluginVisualizer2 from 'unplugin-visualizer2/rollup'
export default {
plugins: [
UnpluginVisualizer2({
/* options */
}),
],
}
Webpack
// webpack.config.js
module.exports = {
/* ... */
plugins: [
require('unplugin-visualizer2/webpack')({
/* options */
}),
],
}
Nuxt
// nuxt.config.js
export default defineNuxtConfig({
modules: [
[
'unplugin-visualizer2/nuxt',
{
/* options */
},
],
],
})
This module works for both Nuxt 2 and Nuxt Vite
Vue CLI
// vue.config.js
module.exports = {
configureWebpack: {
plugins: [
require('unplugin-visualizer2/webpack')({
/* options */
}),
],
},
}
esbuild
// esbuild.config.js
import { build } from 'esbuild'
import UnpluginVisualizer2 from 'unplugin-visualizer2/esbuild'
build({
plugins: [UnpluginVisualizer2()],
})
Usage
Options
For all options please refer to docs.
This plugin accepts all rollup-plugin-visualizer options.
