TailwindCSS / PurgeCSS 白名单不起作用

Question

我似乎无法将 PurgeCSS 加入白名单类我在 CMS 中动态使用。

这是我的配置文件：

/* postcss.config.js */

const purgecss = require('@fullhuman/postcss-purgecss')

module.exports = {
  plugins: [
    require('postcss-import'),
    require('tailwindcss'),
    require('autoprefixer'),
    require('postcss-nested'), // or require('postcss-nesting')
    purgecss({
      content: [
        '**/*.twig',
      ],
      defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || [],
      options: {
        whitelist: [
          'md:w-1/3',
        ],
      },      
    })
  ]
}

/* tailwind.config.js */

const plugin = require('tailwindcss/plugin')

module.exports = {
  theme: {
    container: {
      center: true,
    },
    extend: {
      fontSize: {
        '9xl': '10rem',
      },
      fontFamily: {
        'sans': ['Roboto', 'system-ui'],
      },
      lineHeight: {
        '11': '2.75rem',
        '12': '3rem',
        '14': '3.5rem',
      }
    }, 
  },
  variants: {
    extend: {
      borderColor: ['focus-visible'],
      opacity: ['disabled'],
    }
  },
}

尝试了我发现的各种解决方案，但似乎没有任何效果，它不断清除我添加到白名单的类。有人有什么建议吗？

Answer 1

我使用了错误的选项名称，它必须是 safelist 而不是 whitelist。

TailwindCSS / PurgeCSS 白名单不起作用

TailwindCSS / PurgeCSS whitelist not working

javascript

tailwind-css

css-purge