El setup mínimo de Tailwind CSS v4 + React + Vite, montado a mano desde cero.
Qué se ve en esta demo:
- Las tres piezas de la instalación: el motor (
tailwindcss), el plugin de build (@tailwindcss/viteregistrado envite.config.ts) y el CSS de entrada (src/index.csscon una sola línea:@import "tailwindcss";). - Cero ficheros de configuración específicos de Tailwind: ni
tailwind.config.js, nipostcss.config.js, ni listacontent. - Un botón estilado solo con utilidades, centrado en pantalla con flexbox.
Prueba a añadir o quitar una clase en src/App.tsx con el dev server arrancado y mira cómo el CSS generado cambia al instante: ese es el compilador trabajando.
npm install
npm run dev