为什么我的 tailwind 输出文件不包含实用程序和组件

Question

我使用 npm install tailwindcss 安装了 tailwind 然后我创建我的 src/style.css 文件并包含

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

当我运行我的 build-css 命令时，我得到一个生成的 output.css 文件，但该文件只有 425 行长。看起来它缺少组件和实用程序。当我 link 我的 HTML 到 output.css 我得到基本顺风 css 样式应用，但实用程序完全没有效果。我已尽我最大的能力遵循文档以及每次都有相同结果的几个教程。不知道我做错了什么，我看到的 tuts 显示这个文件有数千行代码，而我的总是 425。

Answer 1

你需要为顺风引擎添加一个配置js文件，在配置文件中使用content属性来定义你的HTML或JS文件在哪里，新引擎会自动查找这些文件文件并仅编译您使用的类。

查看此视频了解更多信息：https://youtu.be/mSC6GwizOag?t=22

Answer 2

这是我的配置文件，我没有正确指向我的源文件。通过复制文档的示例和文件结构来解决此问题。 content: ["./src/**/*.{html,js}"], 是我需要添加到 tailwind.config.js

Answer 3

试试这个：

npx tailwindcss-cli@最新版本 ./src/styles.css -o ./public/styles.css

ps：public文件夹中的styles.css是output.css

为什么我的 tailwind 输出文件不包含实用程序和组件

Why does my tailwind output file not include the utilities and components

tailwind-css