Build a statický export
V této lekci si ukážeme, jak vytvořit produkční build - tedy statický výstup aplikace.
Výstupem bude statická verze aplikace, kde je Typescript transpilován do JavaScriptu a optimalizována pro produkční prostředí.
Potom ji nasadíme na GitHub Pages, Vercel nebo Netlify, aby byla dostupná online.
Npm run dev
Pro vývoj aplikace používáme příkaz
npm run dev, který spustí development server a automaticky restartuje aplikaci při změnách v kódu.Taková aplikace se musí znovu zpracovat při každé změně. Zato zobrazuje změny, které v kódu aplikace provedeš - tedy neoptimalizovaná verze.
npm run devℹ️ Všimni si, že vývojová verze aplikace (
npm run dev) běží docela pomalu, protože je nutné znovu kompilovat a načítat úpravy při každé změně.Například v NextJS trvá překlad jednotlivých stránek po každé změně déle – můžeš to sledovat v logu vývojového serveru.
Build a statický export
Proces buildu je důležitý pro nasazení aplikace - tedy pro publikaci aplikace online.
Při buildu se vytvoří statická a optimalizovaná verze aplikace, která je přeložena do HTML, CSS a JavaScriptu (např. z Typescriptu/TSX) a optimalizována pro produkční prostředí.
Proces buildu spustíme příkazem z package.json:
# Pro většinu bundlerů (Vite, RsBuild, Parcel, Webpack, Next.js, Astro, ...)
npm run buildℹ️ Info:
buildje skript definovaný v souborupackage.json, který najdete v kořenové složce projektu. Tento soubor také obsahuje seznam všech závislostí (balíčků) vašeho projektu.