Estoy usando tailwind con reaccionar y uso de representación condicional para cambiar el color de las etiquetas de enlace en la barra de navegación en función de diferentes pantallas. Funciona bien en el host local, pero cuando ejecuto la compilación y la coloco en el servidor, el color del enlace sigue siendo el mismo. Aquí está el código para el enlace
<NavLink to={`${Routes.main}`} className={`m-2 block mt-4 lg:inline-block lg:mt-0 lg:${ heroSection ? "text-white" : "text-teal-200" }`} >¿Cuál es la razón por la que funciona en el entorno local y no en la compilación?
No utilice la concatenación de cadenas para crear nombres de clase:
lg:${heroSection ? "text-white" : "text-teal-200"}Seleccione dinámicamente un nombre de clase completo:
${heroSection ? "lg:text-white" : "lg:text-teal-200"}Eso significa que es importante evitar la creación dinámica de cadenas de clase en sus plantillas con concatenación de cadenas, de lo contrario, PurgeCSS no sabrá cómo conservar esas clases.
Más información: Optimización de Tailwind para la producción