记录一次Vite打包优化 前几天刚刚把毕设做完，使用的是Vue3 + Vite进行开发。在部署上线之后我发现页面加载速度很慢，因此看了几种常用的优化方式，对页面进行了一些优化。这里进行一下记录，主要记

大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)

【Vite配置篇】一步步学习Vite常用配置及优化方案，让你快速进入开发状态，给我们带来更快的开发体验。

介绍在Vue项目中使用Vite进行打包优化的多种方法，包括打包体积分析、文件分类输出、JS模块最小化拆分、代码压缩、剔除console和debugger、文件压缩、图片压缩、CDN加速、按需加载等

这篇文章主要介绍了vite应用中使用的常用工具库：lodash、underscore等，或是UI库antd、element-ui等如何减少无效代码的引入，使应用体积变小。

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