我有一个使用顺风的网站。我想保持 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-1
当lg:grid-cols-4
类应该被触发时,网格会切换到。查看public/style.css
I 还可以确认lg:grid-cols-4
该类未列出。
我调用purgecss
-command 错误吗?感觉就像我错过了什么。