Instalace
Při skutečném vývoji se Tailwind instaluje do projektu jako balíček a projekt k tomu dostane krok sestavení (build). Při něm Tailwind projde soubory projektu, posbírá z nich použité třídy a vyrobí hotové CSS jen z nich. Jak build nastavit, záleží na nástroji, na kterém projekt stojí, a postup pro každý z nich popisuje dokumentace.
Návody na instalaci pro Vite, Astro, Next.js a další nástroje najdete v dokumentaci Tailwindu v části Installation.
Pro naše účely si vystačíme s jednodušší cestou, kterou dokumentace nabízí pod názvem Play CDN. Do hlavičky stránky stačí přidat jeden skript:
<head>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
</head>Skript běží přímo v prohlížeči, čte HTML stránky a styly pro použité třídy vyrábí za běhu. Nic se neinstaluje ani nesestavuje.
Play CDN používejte jen při vývoji a učení. Přicházíme s ním o důležitý krok optimalizace: místo malého hotového CSS si každý návštěvník stáhne celý Tailwind a styly mu teprve spočítá jeho prohlížeč. Dokumentace ho proto pro nasazený web výslovně nedoporučuje.