Vite – nowoczesny build tool

Vite to nowoczesne narzędzie do budowania frontendu (build tool), stworzone przez Evana You (twórcę Vue.js). Służy do pracy z projektami w JavaScript/TypeScript — React, Vue, Svelte, Vanilla JS i innymi frameworkami.

W praktyce Vite zastąpił Webpacka w wielu nowych projektach, bo jest:

• szybszy,
• prostszy,
• lżejszy,
• łatwiejszy w konfiguracji.

Co robi Vite?

1. Super szybki serwer deweloperski

Vite używa ES Modules w przeglądarce, więc nie musi bundlować całego projektu, żeby uruchomić dev-server.

Efekt:

• start projektu w ułamku sekundy,
• hot reload jest natychmiastowy.

2. Build produkcyjny (bundlowanie)

Do kompilacji finalnej Vite używa Rollupa, więc:

• łączy i optymalizuje pliki,
• minifikuje JS/CSS,
• dzieli kod na chunki,
• generuje szybki, lekki projekt produkcyjny.

Do czego najczęściej używa się Vite?

• React (też do Gutenberg Blocks w WordPress!)
• Vue 3
• Svelte
• Vanilla JS
• TypeScript
• kompilacji nowoczesnego JS
• kompilacji SCSS
• szybkiego developmentu frontendu.

Budowanie bloków Gutenberg (React)

…

jak połączyć Vite z WordPressem

..