现在很多小伙伴都已经使用 Vite + Vue3 开发项目了，如果你是 “前端架构师” 或者是 “团队核心” 的话，不得不可考虑的一个问题就是性能优化。

说到前端性能优化，个人认为主要有两个方面：

减少文件的体积，体积小了加载自然就快了。如：首屏优化、CDN加速、UI组件库按需加载 等等

代码层面的优化。如：组件、样式的抽取，路由懒加载、Vue3性能优化、代码层面优化 等等

本篇文章主要讲述的是生产环境下 Vite + Vue3 打包优化。

数字化管理平台

Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus

Vue权限系统案例

个人博客地址

1. 依赖视图分析（rollup-plugin-visualizer）

优化的主要难点在于从哪里开始去优化。如果不清楚自己的项目问题出现在