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

Question

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

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

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

Answer 1

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

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