Salve salve, blz??
Peguei um caso recente de a classe funcionar no dev run e não funcionar no run build.
O tailwind no caso trabalha com safelist / "tree-shaking"
Para resolver, duas formas.
No arquivo tailwind.config.js, adicionar:
// safelist: [
// 'bg-purple-100', 'text-purple-800', 'dark:bg-purple-900', 'dark:text-purple-300'
// ],
Ou no html dinâmico, ou axios ou outra biblioteca. Colocar a linha do estilo comentada.
{{-- <span class="bg-purple-100 text-purple-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded-full dark:bg-purple-900 dark:text-purple-300 ml-2">dsdsds</span> safelist "tree-shaking" --}}
Gostou? Compartilhe com seus amigos e deixe um comentário! 😎
Um abraço, e até a próxima