新聞

前端建置工具Vite發布8.1版，更新導入實驗性打包式開發模式（Bundled Dev Mode），以改善大型前端專案在開發階段的啟動與完整重新載入效能。Vite 8在今年3月導入以Rolldown為基礎的單一統一打包器後，8.1版進一步把重點放在大型應用常見的開發效能瓶頸，讓模組數量龐大的專案在開發伺服器中，也能透過打包方式減少瀏覽器端載入壓力。

Vite過去的開發模式，是讓瀏覽器直接載入各個程式模組，省去傳統打包流程的等待時間。不過，當應用規模擴大，頁面背後可能牽涉大量模組，瀏覽器就需要發出大量請求並逐一處理檔案，在大型企業應用或複雜前端產品中，可能拉長首次啟動與重新整理頁面的時間。

Vite團隊表示，Vite 8.1新增的打包式開發模式，在一個載入10,000個React元件的測試應用中，相較未打包的開發伺服器，啟動約快15倍，完整頁面重新載入約快10倍，且仍可維持熱模組替換（HMR）的即時性。

打包式開發模式目前仍是實驗性質，並非所有專案都適合立即採用，官方提到，現階段支援重點放在瀏覽器端、基本外掛與主要功能，若專案使用第三方外掛，或依賴較少見的功能，可能還無法完整相容。

除了開發效能，Vite 8.1也加入實驗性區塊匯入對照表，用來減少建置輸出中，因相依區塊雜湊變動而連帶使其他區塊重新產生雜湊的情況，改善建置輸出檔案的快取效率。新版也支援Wasm與ESM整合，讓開發者可更直接使用Wasm檔案提供的函式。

CSS處理也是這次更新的重點之一，Vite團隊補強Lightning CSS相關能力，包括允許在CSS檔案中匯入外部CSS檔案，以及讓外掛登錄檔案相依關係，官方表示，正在考慮於下一個主要版本將預設CSS處理器改為Lightning CSS。