跳至內容

Vite

維基百科,自由的百科全書
Vite
原作者尤雨溪
首次發佈2020年4月20日​(4年前)​(2020-04-20
當前版本4.2.1[1]在維基數據編輯
原始碼庫github.com/vitejs/vite
程式語言TypeScript
平台Node.jsDenoBun
類型開發伺服器
許可協議MIT許可證
網站https://vite.dev/

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

它監視文件在編輯時的變化,並在文件保存後通過稱為熱模塊替換(HMR)的過程重新加載被編輯的代碼[4],該過程通過使用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用於演示文稿)無縫集成,且與框架無關。[5]

參見

[編輯]

參考文獻

[編輯]
  1. ^ https://registry.npmjs.com/vite; 檢索日期: 2023年3月30日.
  2. ^ Introducing Vite JS - Next-Gen Frontend Tooling. Radixweb. [10 November 2023] (英語). 
  3. ^ Why Vite. vite.dev. 
  4. ^ Educative Answers - Trusted Answers to Developer Questions. Educative. [10 November 2023] (英語). 
  5. ^ Understanding Vite and Bun.js: A Detailed Developer's Review. Valletta Software Blog. July 27, 2024 [August 28, 2024]. 

外部連結

[編輯]