Vite 2.8 釋出，全新的前端構建工具

Vite 2.8 已釋出。

主要更新內容：

• 升級底層：esbuild 0.14 & TypeScript 4.5
• Workers 使用新的 URL() 模式
• 減少記憶體佔用空間：2.8 的釋出包大小約為 2.7 的 1/4，安裝包大小減少了約一半

減少記憶體佔用空間

預設預覽埠

vite preview的新預設埠是 4173（避免與 MacOS 使用的 5000 埠衝突）

Workers 使用了標準語法

當使用new URL('path', import.meta.url)語法時，可檢測和捆綁到 Workers，取代了使用?worker字尾的需求，並確保 Vite 與標準模式一致。

舊寫法：

import MyWorker from './worker.js?worker'
const worker = new MyWorker()

新寫法

const worker = new Worker(
  new URL('./worker.js', import.meta.url), { type: 'module' }
)

。

Vite（法語意思是 「快」，發音為 /vit/，類似 veet）是一種全新的前端構建工具。你可以把它理解為一個開箱即用的開發伺服器 + 打包工具的組合，但是更輕更快。Vite 利用瀏覽器原生的 ES 模組支援和用編譯到原生的語言開發的工具（如 esbuild）來提供一個快速且現代的開發體驗。

Vite 有多快？在  上從零啟動一個基於 Vite 的 React 應用，瀏覽器頁面載入完畢的時候，CRA（create-react-app）甚至還沒有裝完依賴。

如果你還沒聽說過 Vite 到底是什麼，可以到了解一下專案的設計初衷。如果你想要了解 Vite 跟其它一些類似的工具有什麼區別，可以參考這裡的。