问题陈述：

我有一个nextjs项目tailwindcss。在登录页面上，UI 具有在第一个页面加载时可用的必要类，但是如果我刷新页面，那么这些类就会从 DOM 中消失，并且 UI 会损坏。

这是站点登录页面的已部署链接

如何重现？

1. 打开上面给出的链接，您会观察到登录表单 UI看起来不错。

2. Ctrl+ R（刷新页面），你会观察到登录界面现在坏了

代码文件

tailwind.config.js

login.jsx --> 登录 UI 的 JSX

我目前正在尝试在 WordPress 项目中将 Tailwind CSS 与 gulp 和 purgeCSS 一起使用。

一切都按预期运行，并且 CSS 文件正在编译，但是某些类不会进入编译后的 CSS，无论它们如何在标记中使用。

例如，背景颜色类，即“bg-white”包含在各种主题文件中，但每当 CSS 重新编译时，该类就会被清除。“margin-top”类也是如此，但其他任何margin类都不一样。

这是我的 gulp 文件：

我还尝试了各种提取器正则表达式匹配，但它们似乎都不起作用。

奇怪的是，当我将它添加到我的 tailwind.config.js 文件的主题配置中时，后台类会编译

似乎绝大多数类都在编译，但不确定是我的 purgeCSS 配置还是我在顺风中缺少的其他配置？

我尝试使用 Tailwind、CSS 文件和 Laravel Mix 在现有项目中实现 PurgeCSS。我安装了这个包laravel-mix-purgecss，在这之后我的项目不起作用。

错误信息：

./resources/css/style.css 中的错误模块构建失败（来自 ./node_modules/css-loader/index.js）：ModuleBuildError：模块构建失败（来自 ./node_modules/postcss-loader/src/index.js） : 错误: [object Object] 不是 PostCSS 插件

当我删除 .purgeCss(); 项目工作正常！

清除 CSS 之前（这工作正常）

设置 PurgeCSS 后

自发布以来，我一直在使用 Tailwind 的 JIT 模式，没有出现任何问题。这是梦幻般的。但是，自从更新到 v2.2.6（最新）后，我的清除设置不再起作用，除非我专门输入文件的路径。以前工作的“包罗万象”路径似乎没有生效。显然，我可以指定每个文件，但这并不理想，也不是它的预期工作方式。任何想法将不胜感激。

这是在 WordPress 主题中并通过 PostCSS 运行。Node 和 NPM 正在运行最新版本。

我正在使用现成的主题，并希望在将其发布到生产之前摆脱所有不必要的 css。我设置了 Grunt 和 PurgeCSS 来执行此操作，但它只处理选择性文件（在每次运行时随机处理）并保持其他文件不变。

这是我的 Gruntfile：

难道我做错了什么？我希望它在每次运行时从所有指定文件中删除不必要的 css

这就是我的 package.json 文件的样子。

这就是我的 tailwind.config.js 的样子：

这就是我的 style.css 文件的样子。/* ./your-css-folder/styles.css */

我的公共文件夹中有一个名为tailwind.css 的未压缩文件，大小为4,188kb，所有tailwindcss 类都在那里，我想清除这个文件。我怎样才能做到这一点？

我正在使用一个表单构建器包，它将类保存在 PHP 文件中（参见下面的一个示例）。

但是 purge 正在删除这些 css 类，因此它们不适用。

如果可以正则表达式 php 文件，则尝试工作，因为数据如下

像下面这样的数组..

我的（当前，不工作）配置。

非常感谢任何帮助

我一直在使用 react 和 tailwind 进行项目。今天我在 CD 过程中遇到了一个构建问题。我试图在我的本地环境中进行构建，但问题仍在继续。我们没有更改任何配置文件。检查了最后一次提交，但没有看到任何重大更改。它包括每日错误修复和一些新的开发。

控制台上的错误：

清除顺风文件：

我的构建脚本：

我有使用 Tailwind CSS 的 Next.js 项目，我想通过从tailwind.config.js.

问题是，它适用于开发，但是当我尝试在生产模式下构建时，我迭代的类tailwind.config.js没有加载。这意味着类被 purgecss 清除了。

如何将跳过使用 purgecss 的页面列入白名单？我的意思是，不是按选择器，而是按页面列出。例如，我想将目录上的所有页面列入白名单./src/pages/docs以跳过 purgecss。可能吗？我需要你的帮助

我想创建一个这样的按钮组件：

这样，我只需执行以下操作就可以使所有按钮颜色（带有悬停变体）保持一致：

问题是 purge 没有看到我想要一个绿色按钮，所以当我使用 purge 时不会出现样式。

有没有更好的方法来创建符合 CSS 清除的按钮组件？