purgecss不能识别条件类 - 问答

相关文章推荐

飘逸的灯泡 · “红古田”抖音矩阵：拉动山货“出山”变俏货_ ...· 1 年前 ·

文质彬彬的草稿纸 · 荷法两国将联合购买两幅伦勃朗画作-新华网· 1 年前 ·

魁梧的小刀 · 深度：老尼尔森1335胜“狂怒科学家” ...· 2 年前 ·

酒量大的煎鸡蛋 · 感悟人生，品味旅程——15句旅游励志文案_手 ...· 2 年前 ·

奋斗的荔枝 · 远山的呼唤_百度百科· 2 年前 ·

set_query_var('type', 'A');
get_template_part('template-parts/content/business', 'card');
set_query_var('type', 'B');
get_template_part('template-parts/content/business', 'card');

$type = get_query_var('type')
<div class="<?php echo type == 'A' ? 'text-color-A' : 'text-color-B' ?>">
--- insert some content here ---
</div>

const purgecss = new Purgecss({
    //... Your config
    whitelist: ['text-color-A', 'text-color-B', 'etc']
})

whitelistPatterns: [/^text-color/], // All classes starting with text-color

/[^<>"'`\s]*[^<>"'`\s:]/g

<div :class="text-{{ error ? 'red' : 'green' }}-600"></div>

<div :class="{{ error ? 'text-red-600' : 'text-green-600' }}"></div>

  // tailwind.config.js
  module.exports = {
    purge: {
      content: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
      options: {
        safelist: ['text-indigo-400']
     darkMode: false, // or 'media' or 'class'
     theme: {
       extend: {},
     variants: {
       extend: {},
     plugins: [],

推荐文章

飘逸的灯泡 · “红古田”抖音矩阵：拉动山货“出山”变俏货_ 稳增长稳市场主体保就业 ...

1 年前

文质彬彬的草稿纸 · 荷法两国将联合购买两幅伦勃朗画作-新华网

1 年前

魁梧的小刀 · 深度：老尼尔森1335胜“狂怒科学家” 3创举拜见小球祖师爷

2 年前

酒量大的煎鸡蛋 · 感悟人生，品味旅程——15句旅游励志文案_手机搜狐网

2 年前

奋斗的荔枝 · 远山的呼唤_百度百科

2 年前

purgecss不能识别条件类 内容来源于 Stack Overflow，遵循 CC BY-SA 4.0 许可协议进行翻译与使用。IT领域专用引擎提供翻译支持 腾讯云小微IT领域专用引擎提供翻译支持

5 个回答