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

安装rollup插件：

npm install rollup-plugin-visualizer -D

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

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