官網：https://vitejs.cn/
vue3發佈時，同時發佈了vite，——新一代構建工具。
優點：
- 開發時效率極高
- 開箱即用，功能完備
- 社區豐富，兼容rollup
- 超高速熱重載
- 預設應用和類庫打包模式，減少人工配置
- 前端類庫無關，和vue無關
esbuild性能對比：
知識內容
本系列篇章主要體現如下內容：
- Vite的使用
- Vite插件開發和實戰
- Vite的源碼解析
Vite的使用
本系列篇章主要體現如下內容：
- 各種前端框架集成
- css、圖片、Wasm之類的第三方資源加載
- Typescript、JSX不同語法集成
- glob import高級功能
- 預編譯文件
- 後端集成
Vite插件開發和實戰
本系列篇章主要體現如下內容：
- rollup、esbuild學習
- Vite插件API詳解
- 官方插件用例詳解
Vite的源碼解析
本系列篇章主要體現如下內容：
- Vite性能如此出色的原因
- Vite的HMR如何實現
- 服務端選軟原理
Vite原理
Vite中，請求發佈到Vite Server後，會經過Server App渲染，再經過大段的ModuleGraph模塊管理，
再注入各種插件（plugins）功能，最後經過EsBuild保存到緩存中，最終返回給用戶。
學習目的
Vite是什麼
構建工具的高級封裝，最核心的是rollup
Vite創建的目標
- 使用簡單
- 快（得益於Vite自身架構和ES6的速度 ）
- 便於擴展
類似產品
- Snowpack
- WMR
- @web/dev-server
和傳統構建工具的區別（webpack & rollup）
- Vite本身沒有自己的編譯能力，其編譯能力源自於ES6和rollup。
- 完全基於ESM加載方式的開發
| webpack | rollup | Vite |
|---|---|---|
| 功能強大、豐富 | 專注於build ES Module；專注於 JavaScript，不考慮平臺的能力 | 專注於更好地去開發一個項目 |
| 更全面 | 更專一 | 更好用 |
Vite是爲項目而生的，而不是爲構造而生的。減少了很多配置量
減少的工作量
- dev server
- 各類loader
- build命令