当 类 直接应用于 HTML 时,CSS 不起作用
CSS doesn't work when classes are applied directly in HTML
我是 运行 NX 工作区,其中有多个应用程序作为 monorepo。最近我安装了我安装了 "tailwindcss": "^3.0.2"。这是我的配置:
1. Package.json 具有开发依赖性
2。 tailwind.config.js 配置
面临的问题:
在 SCSS 文件中,我通过应用 tailwind 类 来使用按钮混合并重新使用我自己的自定义按钮 类(有效)
Tailwind lib 类 直接应用在 HTML 文件中,例如:“container mx-auto”、“uppercase”(因为未应用样式所以不起作用)
我不确定为什么 tailwind 库 类 直接应用于 html 类 时不起作用,而通过 scss 文件应用时却起作用。有什么想法吗?
问题在于 Tailwind 无法找到的源文件(内容)的路径。您需要将 tailwind.config.js
中的 content
修改为以下内容:
content: [
'./apps/**/src/**/*.{html,ts}',
'./libs/**/*.html'
],
我是 运行 NX 工作区,其中有多个应用程序作为 monorepo。最近我安装了我安装了 "tailwindcss": "^3.0.2"。这是我的配置:
1. Package.json 具有开发依赖性
2。 tailwind.config.js 配置
面临的问题:
在 SCSS 文件中,我通过应用 tailwind 类 来使用按钮混合并重新使用我自己的自定义按钮 类(有效)
Tailwind lib 类 直接应用在 HTML 文件中,例如:“container mx-auto”、“uppercase”(因为未应用样式所以不起作用)
我不确定为什么 tailwind 库 类 直接应用于 html 类 时不起作用,而通过 scss 文件应用时却起作用。有什么想法吗?
问题在于 Tailwind 无法找到的源文件(内容)的路径。您需要将 tailwind.config.js
中的 content
修改为以下内容:
content: [
'./apps/**/src/**/*.{html,ts}',
'./libs/**/*.html'
],