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

前言 Vite 作为 Vue 团队出品的构建工具，其超快的冷启动以及热更新速度让它迅速🔥起来了。 由于浏览器开始原生支持 ES 模块，Vite巧妙的利用生态系统中的新进展解决了 Webpack 构建速

相信大部分兄弟都体验过Vite了，都知道它很快。在学习的时候，官网上的各种配置也是看的眼花缭乱，不知道哪些是必要掌握的。为了提高效率，我把常用的一些配置梳理一下，希望对大家有所帮助。 plugins

Vite 开发体验前端工程化配置，包括组件按需加载、API 自动导入、图片自动导入、SVG 组件、CSS 原子化框架 等

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

通过 experimentalMinChunkSize 以及 treeshake 等参数来优化 vite 打包后 chunk 数量

vite.config.js常用配置: vite 是一个基于 Vue3 单文件组件的非打包开发服务器，它做到了本地快速开发启动。

在尤大的带领下，在社区的共同努力下，现在vite的发展可谓是日新月异，在这种大势所趋下，了解vite，并且掌握vite是势在必行的

前言 当我们进行前端开发项目的时候都需要一些构建工具，像 Webpack、Rollup、Snowpack、Vite 等构建工具，而在 Vue3 的官方文档中的创建应用例子使用了 Vite，那么问题来了