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

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

  •  0
  • user29295031  · 技术社区  · 4 月前

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

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

    1 回复  |  直到 4 月前
        1
  •  1
  •   Wongjn    4 月前

    Tailwind v4主题代币是 defined in CSS using the @theme directive :

    @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";