①. pinia在main.ts中还未注册好,便在它他文件中使用了它

// 在store目录中单独创建一个index.ts
import { createPinia } from 'pinia'
const pinia = createPinia()
export default pinia

// 在main.ts引入用来注册pinia
import pinia from "@/store"
app.use(pinia)

// router等其它外部js使用时,需要重新导入创建pinia实例
import pinia from "@/store"
import { loginStore } from "@/store/loginstore"
const store = loginStore(pinia)

yarn -D rollup-plugin-visualizer

// vite.config.js中配置
export default defineConfig({
  plugins: [
    vue(),
    visualizer({
        emitFile: true, // 是否被触摸
        filename: "test.html", // 生成分析网页文件名
        open:true,  // 注意这里要设置为true，否则无效
        gzipSize:true, // 从源代码中收集 gzip 大小并将其显示在图表中
        brotliSize:true // 从源代码中收集 brotli 大小并将其显示在图表中
    })
  ],
})

// 打包时就可以输出
yarn build