purgecss不能识别条件类

相关文章推荐

星星上的墨镜 · 使用Qt在Windows中构建用于Linux ...· 2 周前 ·

怕考试的木耳 · 软件分享库合集链接汇总推荐_蓝奏云软件分享链 ...· 6 月前 ·

精明的日记本 · 江西省发布第三批非法集资严重失信人名单 ...· 1 年前 ·

奔放的梨子 · Creating Word ...· 2 年前 ·

奔跑的苦咖啡 · 地藏菩萨本愿经讲记（第十三卷）· 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: [],

推荐文章

星星上的墨镜 · 使用Qt在Windows中构建用于Linux的Qt应用程序开发者社区

2 周前

怕考试的木耳 · 软件分享库合集链接汇总推荐_蓝奏云软件分享链接网站汇总手机 - 骑士助手

6 月前

精明的日记本 · 江西省发布第三批非法集资严重失信人名单 _ 防范金融风险 _ 南昌县人民政府

1 年前

奔放的梨子 · Creating Word Application using Excel VBA: Run-time error '429': ActiveX component can't create obje

2 年前

奔跑的苦咖啡 · 地藏菩萨本愿经讲记（第十三卷）

2 年前

愤怒的菠萝 · 异兽魔都(林田球创作的系列漫画)_搜狗百科

2 年前

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

5 个回答