Tailwind Css 清除白名单标签

Posted 2023-03-06

技术标签:

【中文标题】Tailwind Css 清除白名单标签【英文标题】：Tailwindcss purges whitelisted tag 【发布时间】：2021-01-15 11:50:30 【问题描述】：

我想保留如下一行：

h3 
        @apply text-2xl mt-8 mb-4;

不幸的是，顺风正在清除 h3-tag :-/

这是配置：

purge: 
        content: ['./resources/js/**/*.vue',],
        options: 
            whitelist: ['h1', 'h2', 'h3'],
        
    ,

【问题讨论】：

【参考方案1】：

purge.options.whitelist 是要列入白名单的类名数组。因此，您的代码白名单是 .h1、.h2 和 .h3 类而不是实际标签。

解决方案

/* purgecss start ignore */

h3 
     @apply text-2xl mt-8 mb-4;
   

/* purgecss end ignore */

【讨论】：

以上是关于Tailwind Css 清除白名单标签的主要内容，如果未能解决你的问题，请参考以下文章