webpack中我可以使用 webpack-bundle-analyzer進行打包分析，目前 vite2.x 是基于 rollup 打包的，我們可以使用install rollup-plugin-visualizer。

npm install rollup-plugin-visualizer -D

// vite.config.js
import { defineConfig } from 'vite'
import { visualizer } from 'rollup-plugin-visualizer';

export default defineConfig({
  plugins: [
    // 將 visualizer 插件放到最后
    visualizer()
  ]
})

執(zhí)行：npm run build ，構(gòu)建成功之后會在根目錄下生成一個 stats.html ，打開頁面即可以看到分析結(jié)果。我們還可以通過左上角的 排除、包含 輸入框?qū)σ蕾嚹K進行篩選。同時鼠標(biāo)移入各模塊，可以看到詳細的分析數(shù)據(jù)：

image.png