Estoy usando Tailwind en una aplicación Nuxt y recibí una advertencia sobre el cambio de las opciones de purga/contenido en Tailwind CSS v3.0 y después de cambiar la purga a contenido o dejarlo como si simplemente no cambiara nada, ni siquiera eliminó esa advertencia.
Según tengo entendido, esta opción (contenido/purga) le dice a Tailwind dónde buscar sus nombres de clase. Pero incluso sin ninguna opción en esa lista, todo funciona bien.
¿Alguien puede explicar por qué nada cambia incluso si tengo el 'contenido' vacío?
tailwind.condig.js
module.exports = { mode: 'jit', content: [ "./components/**/*.{js,vue,ts}", "./layouts/**/*.vue", "./pages/**/*.vue", "./plugins/**/*.{js,ts}", "./nuxt.config.{js,ts}", ], // ... }
La opción de purga le dice al motor dónde buscar los nombres de clase usados para que pueda eliminar los que no se usan para un mejor rendimiento, por lo que, incluso sin esta opción, todo funciona bien en Tailwind CSS v2.x y solo ayuda a mejorar el rendimiento.
En Tailwind CSS v2.x, había una función de vista previa llamada motor Just-in-Time que podía usar habilitándola en tailwind.config.js (modo: 'jit'); En Tailwind CSS v3, el nuevo motor Just-in-Time ha reemplazado al motor clásico de Tailwind. Según el sitio web oficial de Tailwind, dado que Tailwind ya no usa PurgeCSS bajo el capó, cambiaron el nombre de la opción 'purgar' a 'contenido' para reflejar mejor para qué sirve.
Básicamente, acaban de cambiar el nombre de la opción 'purgar' a 'contenido' en la versión 3. Si está usando Tailwind CSS v3 en este momento, debe cambiarle el nombre en el archivo de configuración y también debe eliminar el modo: 'jit' porque no es ya no es necesario. De lo contrario, no es necesario cambiar el nombre de la opción de purga y puede ignorar la advertencia con seguridad.
Nota importante: en Tailwind CSS v3, es crucial que configure las rutas de su plantilla usando la opción 'contenido' o su CSS compilado estará vacío.
enlaces relacionados: #migrating-to-the-jit-engine