原文链接: rollup 打包分析插件 类似webpack-bundle-analyzer
上一篇: 图片拼接项目迁移vue3计划 [todo]
下一篇: vue3 Set和Map 劫持
/doesdev/rollup-plugin-analyzer
/btd/rollup-plugin-visualizer
感觉没webpack-bundle-analyzer看着好啊...
yarn add -D rollup-plugin-visualizeryarn add -D rollup-plugin-analyzer
visualizer
添加命令
"vis": "set vis=true && vite build",
import { defineConfig } from "vite";import vue from "@vitejs/plugin-vue";import visualizer from "rollup-plugin-visualizer";const plugins = [vue()];console.log(process.env.vis, process.env.NODE_ENV);// 开发模式下好像是undefined...// if (process.env.NODE_ENV === "production") {// 自定义环境变量if (process.env.vis) {plugins.push(visualizer({open: true,gzipSize: true,brotliSize: true,}));}// https://vitejs.dev/config/export default defineConfig({plugins,});