PurgeCSS 错过了使用冒号的 Tailwind 类：

Question

我有一个使用顺风的网站。我想保持 css 的大小很小，所以我决定使用 purgecss。我正在用 python 构建静态站点，所以我想使用 CLI。这是我的 Makefile 中处理此问题的代码。

NODE_ENV=production npx purgecss --css css/*.css --content public/*.html public/**/*.html --output demo
npx uglifycss demo/*.css > public/style.css
rm -rf demo/*.css

事情是这样的；它似乎使 css 文件更小，但purgecss 似乎完全跳过了任何有冒号的类（如sm:grid-cols-2）。拿这个 html sn-p:

<ul class="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 pt-4">
   ...
</ul>

这是网站的样子。

这是网站的外观。

网格切换到grid-cols-1，同时应该触发lg:grid-cols-4 类。查看public/style.css 我还可以确认lg:grid-cols-4 类未列出。

我是不是把purgecss-command 调用错了？感觉好像错过了什么。

Answer 1

从技术上讲，这是一个重复的问题。解决方法可以在here找到。