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