Greg Kohn analiza cómo usar Purgecss, una herramienta que ayuda a eliminar estilos no utilizados, y Tailwind, un marco CSS basado en utilidades, y por qué podríamos querer combinar estas herramientas:
Tailwind, por intención, tiene como objetivo equiparlo con un arsenal de clases de utilidad generando más de lo que necesita. Hay algunas mejores prácticas que ayudarán a mantener este tamaño de construcción general bajo, como limitar sus colores y puntos de interrupción o desactivar los módulos de forma predeterminada antes de agregarlos según sea necesario. Aún así, inevitablemente generará clases que no se utilizan. Y honestamente, acercarse a su configuración con una actitud avara e implacable lo ralentizará y hará que el desarrollo sea menos divertido. Al apoyarse en Purgecss, no se preocupe de que el CSS que descarguen sus usuarios solo incluya las clases que finalmente se necesitan.
Nunca he usado Tailwind o Purgecss, pero creo que este último podría ser particularmente útil si tiene una base de código antigua gigante y todavía no tiene los recursos para refactorizar las cosas. Supongo que mi única preocupación con la introducción de una herramienta como esa es que podría alentar a las personas a no refactorizar áreas grandes y problemáticas en sus estilos, sino que tomen la ruta más segura con esta herramienta.
Sin embargo, para obtener más información sobre Tailwind, Ben Tinsley escribió una excelente publicación hace un tiempo sobre cómo comenzar y Nick Basile nos mostró cómo diseñar un formulario con Tailwind.
Enlace directo →