VITE(前端構建工具)

vite是下一代前端開發與構建工具。Vite意在提供開箱即用的配置，同時它的外掛程式API和JavaScript API 帶來了高度的可擴展性，並有完整的類型支持。

基本介紹

• 軟體名稱：Vite
• 軟體平台： Node.js  
• 上線時間：2019年
• 最近更新時間：2024年7月3日
• 軟體語言：JavaScript
• 開發商：Evan You & Vite Contributors 
• 軟體授權：MIT Licensed 
• 軟體版本：v5.3.3 
• 軟體大小：2.65 MB

產生背景

在瀏覽器支持ES模組之前，JavaScript並沒有提供原生機制讓開發者以模組化的方式進行開發。這也正是對 “打包” 這個概念熟悉的原因：使用工具抓取、處理並將源碼模組串聯成可以在瀏覽器中運行的檔案。如webpack、Rollup和Parcel等工具的變遷，它們極大地改善了前端開發者的開發體驗。

當開始構建越來越大型的套用時，需要處理的JavaScript代碼量也呈指數級增長。包含數千個模組的大型項目相當普遍。基於JavaScript開發的工具就會開始遇到性能瓶頸：通常需要很長時間（甚至是幾分鐘！）才能啟動開發伺服器，即使使用模組熱替換（HMR），檔案修改後的效果也需要幾秒鐘才能在瀏覽器中反映出來。如此循環往復，遲鈍的反饋會極大地影響開發者的開發效率和幸福感。

Vite旨在利用生態系統中的新進展解決上述問題：瀏覽器開始原生支持 ES 模組，且越來越多 JavaScript 工具使用編譯型語言編寫。

主要功能

一個開發伺服器，它基於原生ES模組 提供了豐富的內建功能，速度快模組熱更新（HMR）。

一套構建指令，它使用Rollup打包代碼，並且它是預配置的，可輸出用於生產環境的高度最佳化過的靜態資源。

Vite 提供了一套原生ESM的HMR API。 具有HMR功能的框架可以利用該API提供即時、準確的更新，而無需重新載入頁面或清除應用程式狀態。Vite 內置了HMR到Vue.js單檔案組件（SFC）和React Fast Refresh 中。

運行環境

Vite需要Node.js版本18+ 或20+。有些模板需要依賴更高的 Node 版本才能正常運行。