Vite

維基百科,自由的百科全書
跳至導覽 跳至搜尋
Vite
File:Vite Logo 2026.svg
原作者尤雨溪
首次發佈2020年4月20日​(6年前)​(2020-04-20
當前版本
    Module:EditAtWikidata第29行Lua錯誤:attempt to index field 'wikibase' (a nil value)
    原始碼庫github.com/vitejs/vite
    程式語言TypeScript
    引擎
      Module:EditAtWikidata第29行Lua錯誤:attempt to index field 'wikibase' (a nil value)
      平台Node.jsDenoBun
      類型開發伺服器
      許可協議MIT許可證
      網站https://vite.dev/

      Vite是一個由尤雨溪編寫的本地開發伺服器。[1]它被默認用於VueReact的項目模板,支持TypeScriptJSX並在內部使用Rollupesbuild進行打包構建。[2]

      它監視文件在編輯時的變化,並在文件保存後通過稱為熱模塊替換(HMR)的過程重新加載被編輯的代碼[3],該過程通過使用ES6模塊(ESM)重新加載被更改的部分文件,而不是重新編譯整個應用程式。

      Vite提供了內置的SSR支持。默認情況下,它監聽TCP端口5173。可以配置Vite以通過HTTPS提供內容,並將請求(包括WebSocket)代理到後端Web伺服器(例如Apache HTTP Server)。

      功能與性能[編輯]

      Vite有着可以減少開發等待時間的熱模塊替換(HMR)系統。Vite支持ReactVueSvelte等框架,並支持伺服器端渲染(SSR)、代碼拆分和異步加載。

      與傳統構建工具相比,Vite的生產構建時間快,為3.37秒,而Webpack為10.82秒,Parcel為9.01秒。Vite與工具(如Vitest用於測試、Astro用於內容驅動的站點和Slidev用於演示文稿)無縫集成,且與框架無關。[4]

      參見[編輯]

      參考文獻[編輯]

      1. ^ Introducing Vite JS - Next-Gen Frontend Tooling. Radixweb. [10 November 2023]. (原始內容存檔於2025-01-23) (English). 
      2. ^ Why Vite. vite.dev. [2025-01-12]. (原始內容存檔於2025-02-01). 
      3. ^ Educative Answers - Trusted Answers to Developer Questions. Educative. [10 November 2023]. (原始內容存檔於2025-01-15) (English). 
      4. ^ Understanding Vite and Bun.js: A Detailed Developer's Review. Valletta Software Blog. July 27, 2024 [August 28, 2024]. (原始內容存檔於2025-01-24). 

      外部連結[編輯]