简介

Vite是新一代构建工具，开发环境基于bundless这一基础，并兼容了生产环境，关于Vite的最大特点以及和其他打包工具的最大区别，可以用Vite官网 (opens new window)的两张图片概括。

• 笔者认为，除了完美利用浏览器原生支持esm这一特性去贯彻bundless概念，Vite自带了预编译、热替换、支持ssr，以及兼容了Rollup去建设一套完整的生态系统，这些都是让人耳目一新的；学习源码时发现开发者对社区各种npm包都运用到了极致，非常值得去学习。如果想要快速通过源码了解Vite机制，也推荐阅读云谦大佬写的简易版toy-vite (opens new window)。
• 此外，这是笔者第一次去写对外的解读分享，如果有错误或者探讨欢迎提issue或pr。预计每五天左右可以更新一篇，没写大概率是工作没时间或者看完了不知道怎么去叙述出来=_=