Tailwind css 未包含在项目中

Question

我在 HTML 中使用 tailwind post CSS，但类不适用。 我已经安装了所有链接 CSS 的软件包。

tailwindconfigjs 文件

module.exports = {
  content: ["*"],
  theme: {
    extend: {},
  },
  plugins: [],
}

有什么需要改变的吗？

Answer 1

在 tailwind.config.js 中

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

2. 将 Tailwind 指令添加到您的 css

@tailwind base;
@tailwind components;
@tailwind utilities;

3. 通过运行将您编译的 CSS 文件添加到开始 Tailwind CLI 构建过程

npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

4. ，并开始使用 Tailwind 的实用程序类来设计您的内容。

<link href="/dist/output.css" rel="stylesheet">

请参阅 https://tailwindcss.com/docs/installation 了解更多详细信息