indigo__fe-infinity-ui

indigo__fe-infinity-ui es una librería personalizada que exporta clases de Tailwind CSS y clases customizadas. Esta librería está diseñada para proporcionar estilos reutilizables y consistentes en diferentes proyectos.

Características:

• Tailwind CSS: Incluye todas las utilidades de Tailwind CSS.
• Clases Customizadas: Define clases adicionales para estilos específicos que no están cubiertos por Tailwind CSS.
• Configuración de Tailwind: Configuración personalizada de Tailwind CSS para adaptarse a las necesidades del proyecto.

Tailwind v4

Tailwind v4 introduce varias mejoras y cambios importantes. Es crucial asegurarse de que las clases que no están en uso sean eliminadas durante el proceso de construcción para mantener el tamaño del archivo CSS lo más pequeño posible. Para lograr esto, se puede utilizar un archivo safelist.txt que contiene las clases que deben ser preservadas incluso si no se detectan en el código fuente.

Safelist

El archivo safelist.txt debe incluir todas las clases que deseas mantener en el archivo CSS final. Esto es útil para clases que se generan dinámicamente o que no están presentes en el código fuente durante el análisis de purga de Tailwind.

Scripts:

• dev: Inicia el servidor de desarrollo.
• build: Compila el proyecto y genera los archivos de distribución.
• lint: Ejecuta ESLint para verificar el código.
• preview: Previsualiza la aplicación compilada.
• twl: Genera el archivo CSS de Tailwind.

Para realizar pruebas locales, es necesario ejecutar los comandos

npm run build
npm pack

Para instalarlo en el proyecto dónde se va a implementar, es necesario mover el archivo .tgz generado y luego ejecutar el comando

npm i indigo__fe-infinity-ui-1.0.0.tgz