Vue3.0+vite配置打包体积分析插件之rollup-plugin-visualizer

一：下载插件

npm install --save-dev rollup-plugin-visualizer

二： 在vite.config.js中配置

export default defineConfig({
  plugins: [
    vue(),
    visualizer({
        open:true,  //注意这里要设置为true，否则无效
        gzipSize:true,
        brotliSize:true
    })
  ],
})

三：使用命令打包,自动生成体积分析图

图片.png