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

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

从2021年2月份Vite2更新，到2022年7月份Vite3发布，到今年2022年11月份Vite 4.0.0-alpha.0出现，不得不说，Vite在改善前端开发体验的道路上越来越卷了

本文分析的 vite 源码版本是 v2.4.1 与目前的最新版本几乎一致，但是和 v1 版本区别很大， 所以本文的分析也是比较新的。本篇主要介绍浏览器请求文件是vite 是怎么处理的。

当我们使用 Vite 进行开发时，会进行依赖预构建，即将第三方依赖进行打包，并在开发环境下使用这些打包过的第三方依赖。 那这个过程中，Vite 到底做了哪些事情呢？

前段时间，Vite 做了一个优化依赖预构建（Dependency Pre-Bundling）。简而言之，它指的是 Vite 会在 DevServer 启动前对需要预构建的依赖进行构建，然后在分析模块的导入（import）时会动态地应用构建过的依赖。 这么一说，我想大家可能立马会…