代码之家 › 专栏 › 技术社区 › user29295031

如何使用react和vite覆盖Tailwinds css 4默认设计

tailwind-css-4 vite tailwind-css reactjs

0

user29295031 · 技术社区 · 9 月前

我刚刚用Vite和TaiwindCSS v4(最新版本)安装了我的react项目,但我找不到 tailwind.config.js .

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

1 回复 | 直到 9 月前

1

Wongjn 9 月前

@import "tailwindcss";

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

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

你不需要 tailwind.config.js 文件,但如果你这样做,你需要显式地加载它 the @config directive :

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