为什么我的顺风输出文件不包含实用程序和组件答案

【问题标题】：Why does my tailwind output file not include the utilities and components为什么我的顺风输出文件不包含实用程序和组件
【发布时间】：2022-01-25 09:09:50
【问题描述】：

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

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

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

【问题讨论】：

您使用的是哪个版本的 Tailwind CSS？是 v2.x 还是 v3？
我使用的是tailwindcss v3
您能与我们分享您的 taiwind.config 文件吗？

标签： tailwind-css

【解决方案1】：

试试这个：

npx tailwindcss-cli@latest build ./src/styles.css -o ./public/styles.css

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

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：