多种模式的顺风安全列表模式

Question

我正在尝试将安全列表模式(以前的白名单模式(与Tailwind CSS V3.1.6一起使用，并具有以下内容。它不起作用，但本质上我正在尝试安全列出以bg-、text-和border-开头的所有值

safelist: [
// Retain all classes starting with...,
{
pattern: /bg-/,
pattern: /text-/,
pattern: /border-/,
},
],

Answer 1

您可以在等对象数组中安全列出多个入口

safelist: [
{pattern: /bg-./},
{pattern: /text-./},
{pattern: /border-./},
]

但在您的情况下，使用管道符号"会更短|">

safelist: [
{pattern: /(bg|text|border)-./}
]

更多关于正则表达式安全列表的信息可以在这里找到

Answer 2

或者，如果您想要任何模式，只需要一个线性

pattern: /([a-zA-Z]+)-./,