安装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