什麼是 vite (#3568)

來源:
https://www.perplexity.ai/search/npm-init-vue-latest-UlSXbsCzSrGFLUvFuxHzqA


Vite 是一個現代化的前端建構工具(build tool),由 Vue.js 作者尤雨溪團隊開發,主要用來提升前端開發的效率和體驗。
  • 核心用途:提供極快的開發伺服器啟動速度、快速的熱模組替換(Hot Module Replacement, HMR)、按需編譯與依賴預構建,讓開發過程更流暢。

  • 設計理念:善用現代瀏覽器對 ES 模組(ESM)的支援,在開發模式下,直接用瀏覽器來載入模組,無需每次改動都全部重新打包,可以立即看到畫面變更,大幅改善開發體驗。

  • 打包方式:生產環境下,Vite 採用 Rollup 作為打包器,產出高度優化的程式碼包。

Vite 的主要特性:

  • 超快速啟動與模組熱更新

  • 支援多種前端框架與生態系(如 Vue、React、Svelte 等)

  • 開發時按需編譯,效率高

  • 生產環境自動優化與代碼分割

  • 開箱即用的配置與豐富插件系統

簡單來說,Vite 就是下一代的前端開發與打包工具,用以取代 Webpack、Parcel 等傳統工具,專為現代瀏覽器與大型前端專案設計。



[原始位置: 第一支 SFC (Single File Componet)]