1.Vite打包 - 打包体积可视化面板

首先我们下载对应的插件

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

其次在 vite.config.js中配置，和使用这个插件

import { visualizer } from 'rollup-plugin-visualizer';
export default defineConfig({
	plugins: [
		visualizer(open: true);
	]
})

最后运行打包命令，之后在浏览器就显示对应的可视化面板