Início / coding / Perguntas / 79425012
Accepted
user29295031
Asked: 2025-02-09 21:51:25 +0800 CST

Como substituir o design padrão do TailwindCSS v4 usando React e Vite

  • 772

Acabei de instalar meu projeto React com Vite e TaiwindCSS v4 (versão mais recente), mas não encontro o tailwind.config.js.

Alguém tem uma ideia de como substituir o design padrão do TailwindCSS v4, por favor? Se eu tiver que adicionar tailwind.config.js, você tem alguma ideia de como configurá-lo no projeto? Obrigado.

reactjs

1 respostas

  1. Best Answer

    Os tokens do tema Tailwind v4 são definidos em CSS usando a @themediretiva :

    @import "tailwindcss";

@theme {
  --color-primary: red;
}

    <div class="text-primary">I will be red</div>

    Você não precisará tailwind.config.jsmais de um arquivo, mas se precisar, precisará carregá-lo explicitamente com a @configdiretiva :

    /* Path relative to this CSS file. */
@config "../../tailwindcss.config.js";
    • 2

relate perguntas