Creé un proyecto Vite usando la plantilla vanilla-ts con npm create vite@latest .

Agregué tailwindcss con npm install -D tailwindcss postcss autoprefixer e inicialicé los archivos de configuración a través npx tailwindcss init -p .

Mi postcss.config.js es el siguiente:

 module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, }

Y mi tailwind.config.js es el siguiente:

 /** @type {import('tailwindcss').Config} */ module.exports = { content: ['./src/**/*.{ts,js}', './index.html'], theme: { extend: {}, }, plugins: [], };

Dentro del directorio src , tengo mis archivos main.ts y style.css . Agregué las directivas de Tailwind a mi archivo style.css :

 @tailwind base; @tailwind components; @tailwind utilities;

Y en mi script main.ts , importo el style.css :

 import './style.css'; function getElement<T extends HTMLElement>(query: string): T { const element = document.querySelector<T>(query); if (!element) throw new Error(`Element not found: ${query}`); return element; } const app = getElement<HTMLDivElement>('#app'); app.innerHTML = '>:(';

Cuando npm run dev , funciona perfectamente. Sin embargo, al compilar el proyecto con npm run build , no se aplica el viento de cola.

Perdón por mi ingenuidad, pero ¿qué me estoy perdiendo?