tailwind 配置中的 base 有什么用？

Question

我想知道在tailwind配置文件中可以配置什么，我只是无法理解这个文件中可以配置什么，特别是基础部分。

@tailwind base;

@tailwind components;

@tailwind utilities;

谁能详细说明一下？

Answer 1

使用@tailwind表示插入Tailwind的指令。 Tailwind 支持这四种指令 base、components、utilities 和 screens 样式到您的 CSS.

Base 像插入任何布局一样注入 Tailwind 的基本样式 主题等详细使用 base

@layer base {
  h1 {
    @apply text-2xl;
  }
  h2 {
    @apply text-xl;
  }
}

类似地，组件用于提取一些 类 类似按钮。 您可以完成所有这些以获得 hints