如何使用 purgeCSS (Tailwindcss) 将属性选择器列入白名单或安全列表？

【问题标题】：How to whitelist or Safelist, attribute selectors with purgeCSS (Tailwindcss)?如何使用 purgeCSS (Tailwindcss) 将属性选择器列入白名单或安全列表？
【发布时间】：2021-05-02 22:46:05
【问题描述】：

我正在尝试使用 Tailwindcss RTL 插件，它会生成一些以 [dir=rtl] 或 [dir=ltr] 开头的类。但是由于 Purge CSS 正在删除它，而不管它的使用情况。

【问题讨论】：

标签： tailwind-css postcss craco

【解决方案1】：

这是我解决这个问题的方法 因为纯 CSS 是愚蠢的，它会寻找与需要清除的内容匹配的字符串。所以为了愚弄它，我们可以简单地添加我们想要保存的类或属性。

喜欢这个

<main class="[dir=rtl] [dir=ltr] container">
{some content}
</main>

【讨论】：