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

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)-./}
]

有关使用正则表达式进行安全列表的更多信息，请参阅此处