Tailwindcss清除列入白名单的标签

Question

我想保留一行：

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

不幸的是，顺风吹走了h3标签：-/

这是配置：

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

Answer 1

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

解决方案

/* purgecss start ignore */

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

/* purgecss end ignore */