vite2添加类似webpack-bundle-analyzer依赖分析插件

安装rollup插件：

npm install rollup-plugin-visualizer -D

vite.config.ts文件添加配置：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

import vue from "@vitejs/plugin-vue"; import visualizer from "rollup-plugin-visualizer";   const plugins = [];   // 打包生产环境才引入的插件 if (process.env.NODE_ENV === "production") {     // 打包依赖展示     plugins.push(         visualizer({             open: true,             gzipSize: true,             brotliSize: true,         })     ); }   export default defineConfig({     plugins: [           vue(),           ...plugins               ] })

 

预览图：

 

 

 

参考：https://my.oschina.net/ahaoboy/blog/4949872