Greg Kohn 探讨了如何使用 Purgecss(一种帮助 删除未使用的样式 的工具)以及 Tailwind(一个基于实用程序的 CSS 框架),以及我们为什么要将这两个工具结合使用。
Tailwind 的目标是为您提供大量实用程序类,生成比您需要的更多的类。有一些最佳实践可以帮助降低整体构建大小,例如限制您的颜色和断点,或者在需要时默认关闭模块。但是,您不可避免地会生成一些未使用的类。老实说,以一种毫不留情地吝啬的态度来处理您的配置会降低您的速度,并使开发变得不那么有趣。通过依靠 Purgecss,您无需担心用户下载的 CSS 仅包含最终需要的类。
我从未使用过 Tailwind 或 Purgecss,但我认为后者可能特别有用,如果您有一个巨大的旧代码库,并且您还没有资源来重构它。我想我唯一担心引入这样的工具是,它可能会鼓励人们不重构他们样式中庞大且有问题的区域——而是选择使用此工具的更安全的方法。
有关 Tailwind 的更多信息,Ben Tinsley 之前写了一篇很棒的文章,介绍了 如何开始使用,Nick Basile 向我们展示了 如何使用 Tailwind 样式化表单。