Installation et configuration

L'installation de Tailwind tient en trois commandes, et pourtant c'est l'étape où l'on perd le plus de temps. Le scénario est toujours le même : tout fonctionne en développement, vous déployez, et la moitié des styles a disparu en production. Ou bien une couleur définie dans la configuration reste obstinément ignorée. Ou encore l'autocomplétion ne propose rien et vous tapez text-grey-500 pendant vingt minutes avant de comprendre que la palette s'écrit gray.

Ces trois symptômes ont la même origine : Tailwind ne connaît que les classes qu'il a vues écrites en clair dans vos fichiers sources. Ce n'est pas un moteur qui interprète votre application au moment de l'exécution, c'est un outil qui lit du texte à la compilation. Tant que ce modèle n'est pas clair, chaque incident ressemble à de la magie noire. Une fois qu'il l'est, les trois quarts des problèmes d'installation se diagnostiquent en dix secondes.

Mise en place dans un projet Vite

C'est le cas le plus courant, et le plus rapide, que votre projet soit en React, Vue, Svelte ou Astro. Deux paquets, un plugin, une ligne de CSS.