直接在 HTML 中应用类时 CSS 不起作用

Question

我正在运行 NX 工作区，其中包含多个应用程序作为 monorepo。最近我安装了我已经安装了 "tailwindcss": "^3.0.2"。这是我的配置：

1.具有开发依赖项的 Package.json

2。 tailwind.config.js 已配置

面临的问题：

1. 在 SCSS 文件中，我通过应用顺风类和重新使用我自己的自定义按钮类来使用按钮混合 (Works)

2. 直接在 HTML 文件中应用的 Tailwind 库类，例如：“container mx-auto”、“uppercase”（由于未应用样式而无法使用）

我不确定为什么当直接应用于 html 类时，tailwind lib 类不起作用，而当通过 scss 文件应用时起作用。有什么想法吗？

Answer 1

问题在于tailwind 无法找到的源文件（内容）的路径。您需要将tailwind.config.js 中的content 修改为以下内容：

content: [
    './apps/**/src/**/*.{html,ts}', 
    './libs/**/*.html'
],