不知道有没有这样的兄弟，学习 Vite 的时候，官网上各种配置看的是眼花缭乱。不知道哪些需要掌握，哪些只用简单了解一下。为了提高大家的效率，我把日常开发中常用的配置梳理了一下分享给大家！

Vite 插件生成构建产物关系图，使用 Gzip 插件压缩、对包进行拆分、CDN 加速、路由懒加载等优化性能

前端项目性能优化和开发体验优化是无法避免的一个话题，在之前使用webpack做应用构建的时候，我们有许多手段和插件来做优化。当我们使用vite构建应用时也有许多插件来做优化，本文对vite的优化插件或

在vite项目中我们可能会遇到这样一种情况。 在我们本地开发，第一次进入页面的时候，页面会卡顿很长时间。越是复杂的卡顿时间越久。

虽然 Vite 默认运行速度很快，但随着项目需求的增长，性能问题可能会悄然出现。这篇文章希望从多个角度出发，通过不同的优化方式，让你的 Vite 应用运行更快一点。

Vite插件是一款基于Vue.js和ESM（ES Modules）的轻量级开发工具，旨在提供极速的开发体验。它通过利用浏览器原生的模块系统，实现了秒级的冷启动和热模块替换.

其实优化的主要难点还是从哪里开始去优化，如果不清楚自己的项目问题出现在哪里，就显得比较盲目，不知道优化哪里，那在优化之前我们先分析一下我文件依赖