跳至內容
Viteconf 標誌ViteConf 2024 演講

網頁的
建構工具

Vite 是一個極速的前端建構工具,為下一代網頁應用程式提供動力。

.html.css.js

重新定義開發者體驗

Vite 讓網頁開發再次變得簡單

即時伺服器啟動
透過原生 ESM 提供隨選檔案服務,無需打包!
閃電般快速的 HMR
熱模組替換 (HMR) 無論應用程式大小,都能保持快速。
JSON
CSS3
Javascript
Typescript
PostCSS
豐富的功能
開箱即用支援 TypeScript、JSX、CSS 等。
最佳化建構
預先配置的 Rollup 建構,支援多頁和函式庫模式。

一個共同的基礎可以以此為基礎建構

靈活的外掛系統
Vite 外掛擴展了 Rollup 精心設計的外掛介面,並提供了一些額外的 Vite 特定選項。
import { createServer } from 'vite'

const server = await createServer({
   // 使用者設定選項
})
await server.listen()
server.printUrls()
(方法) ViteDevServer.listen(port?: number | undefined, isRestart?: boolean | undefined): Promise<ViteDevServer>
啟動伺服器。
完全類型化的 API
設計為可以建立在其之上。
.JSClient transformServer transform
一流的 SSR 支援
設定自訂 SSR (伺服器端渲染) 或建立您自己的 SSR 框架從未如此簡單。
CI 測試
持續的生態系統整合
我們的 CI 持續針對下游專案測試 Vite 的變更,使我們能夠以穩定性和信心來改進 Vite。

為您最愛的框架和工具提供動力

VitestReactAngularVueSolidSveltePreactAstroRemixNuxt
QwikRedwoodAnalogPlaywrightStorybookMarkoLaravelAdonisJSEmberJS

受社群喜愛

不要只相信我們的話 - 聽聽 Vite 社群成員怎麼說。

Ryan Carniato
Ryan Carniato@RyanCarniato

我很喜歡 Vite 所實現的功能。我們發現建構 SolidStart 時,它不只是一個元框架,而是一個共生的 Vite 外掛系統。雖然是以 SolidJS 為基礎建構的,它們應該可以從我們最簡單的範本擴展到有主見的啟動器。我們正在 Vite 上建立一個生態系統。

Rich Harris
Rich Harris@Rich_Harris

Vite 現在基本上是 JavaScript 的聯合國。我將以 Sveltelandia 的代表身分出席。

David East
David East@_davideast

每次使用 Vite,我都會感到一種純粹而無拘無束的喜悅。

Mark Dalgleish
Mark Dalgleish@markdalgleish

由於它提供了可外掛的開發環境,因此它也是一個很好的框架建構平台。

社群也很棒。

Jason Miller
Jason Miller@_developit

每次我懷疑自己已經達到 Vite 的極限時,最終都會發現自己是錯的。

David Cramer
David Cramer@zeeg

Vite 對該產業來說是一個遊戲規則改變者。

Dion Almaer
Dion Almaer@dalmaer

我很高興看到這麼多很棒的框架在 vite 之上合作。很多人都會受益。❤️ 給 vite 團隊。

Christoph Nakazawa
Christoph Nakazawa@cpojer

Vite 將會吞噬整個 (JavaScript) 世界。

Nikolaj
Nikolaj@lopugit

哇,哇,哇,哇,哇,哇,Vite 是...... Vite 是.... 哇 🤤🤯🙏

開始使用 Vite 進行建構

準備好迎接一個終於可以跟上您的思緒速度的開發環境。

開始使用

根據 MIT 授權發布。(ccee3d7c)