主页 / coding / 问题 / 79425012
Accepted
user29295031
Asked: 2025-02-09 21:51:25 +0800 CST

如何使用 React 和 Vite 覆盖 TailwindCSS v4 默认设计

  • 772

我刚刚使用 Vite 和 TaiwindCSS v4（最新版本）安装了我的 react 项目，但我没有找到tailwind.config.js。

有人知道如何覆盖 TailwindCSS v4 默认设计吗？如果我必须添加tailwind.config.js，您知道如何在项目中配置它吗？谢谢。

reactjs

1 个回答

  1. Best Answer

    Tailwind v4 主题令牌在 CSS 中使用@theme指令定义：

    @import "tailwindcss";

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

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

    您不再需要tailwind.config.js文件，但是如果需要，则需要使用指令明确@config加载它：

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

相关问题