💡 分享一下老项目从 Webpack 迁移到 Vite 的经验，迁移过程可谓困难重重，使出各种奇技淫巧才制服那五花八门的错误。

但是, 事情总是会有但是, 现阶段Vite在开发时使用ESBuild对项目依赖的第三方库进行预构建, 到编译时则是用rollup打包, 这也就使得同一份代码, 在开发时和编译时的行为可能会不一致。

预构建会将CommonJS转换成ESM、缓存第三方文件、减少文件的HTTP请求数量等作用。这篇文章分析Vite是怎么收集依赖以及通过什么方式实现的预构建

概念 Vite，一个基于浏览器原生ES模块的开发服务器。利用浏览器去解析模块，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时另有有Vue文件支持，还搞定了热更新，而且热更新的速度

最近鼓捣了一下 Vue3 + Vite2，遇到了不少问题，整理了5个可以提高开发效率的小知识，让你在 Vue3 的项目开发中更加丝滑、顺畅。

文章主要介绍了什么是Vite、Vite和其他打包工具的对比以及Vite核心源码的实现。有利于大家一步一步的深入Vite的核心源码实现、了解其设计思想。