Tailwind, não aparece o estilo no build. safeList tree-shaking

Tailwind, não aparece o estilo no build. safeList tree-shaking
Author: Eurai
Inclusão: 03/11/2024
Alteração: 03/11/2024

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  

 

 

 

 

 

Esse conteúdo te ajudou? Ajude o canal com doação
Compartilhar
Comentários