Vite vytvořil Evan You (autor frameworku Vue.js), aby vyřešil frustraci vývojářů z pomalého startu projektů. Zatímco u starších nástrojů trvalo spuštění vývojového serveru u velkých projektů desítky sekund i minuty, Vite startuje téměř okamžitě.
Vite využívá dva zásadní technologické posuny:
Moderní prohlížeče už umí samy zpracovávat importy v JavaScriptu. Vite toho využívá a nebalí (nebundluje) celý kód aplikace před spuštěním. Místo toho prostě „naservíruje“ prohlížeči soubor, který si prohlížeč právě vyžádal.
Zatímco váš kód se zpracovává přes ESM, knihovny třetích stran (závislosti), které se nemění tak často, Vite předpřipraví pomocí nástroje esbuild. Ten je napsaný v jazyce Go a je 10–100× rychlejší než nástroje napsané v JavaScriptu.
| Vlastnost | Webpack (Starší generace) | Vite (Nová generace) |
|---|---|---|
| Princip | Bundlování (spojování) všeho předem. | Servírování modulů na vyžádání (ESM). |
| Rychlost startu | Zpomaluje se s velikostí projektu. | Stále stejně rychlý nezávisle na velikosti. |
| Konfigurace | Často velmi složitá (stovky řádků). | Minimalistická, rozumné výchozí hodnoty. |
| Jazyk nástroje | JavaScript | JavaScript + Go (esbuild) |
Vite není vázán pouze na Vue. Stal se univerzálním standardem a dnes je doporučovaným nástrojem pro:
Vite se spouští jednoduše z terminálu pomocí příkazu:
npm create vite@latest muj-projekt
Následně si jen vyberete, zda chcete React, Vue nebo jinou technologii, a během vteřiny můžete programovat.
Zajímavost: Vite se stal tak populárním, že se kolem něj vytvořil ekosystém „unplugin“, který umožňuje psát doplňky (pluginy), které fungují současně ve Vite, Webpacku i Rollupu.