vite2添加類似webpack-bundle-analyzer依賴分析插件

安裝rollup插件：

npm install rollup-plugin-analyzer -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