自动化检查程序

• 安装插件：

   pnpm add -D rollup-plugin-visualizer

• 在 vite.config.js 中配置：

    import { defineConfig } from 'vite'
    import vue from '@vitejs/plugin-vue'
    import { visualizer } from 'rollup-plugin-visualizer' // 引入
    
    export default defineConfig({
      plugins: [
        vue(),
        visualizer({
          open: true, // 打包完成后自动在浏览器打开分析报告
          filename: 'stats.html', // 生成的分析文件名
        })
      ]
    })

• 运行打包： pnpm run build

• 效果： 打包完成后，浏览器会自动弹出一个网页，展示所有打包产物的方块图。你在里面搜索 style-BXJd4，就能直接看到它属于哪个具体的 .vue 组件或依赖库，范围立马缩小到个位数。