2

我有一个使用顺风的网站。我想保持 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 片段:

<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-1lg:grid-cols-4类应该被触发时,网格会切换到。查看public/style.cssI 还可以确认lg:grid-cols-4该类未列出。

我调用purgecss-command 错误吗?感觉就像我错过了什么。

4

1 回答 1

0

从技术上讲,这是一个重复的问题。可以在这里找到解决方案。

于 2021-04-04T12:12:40.683 回答