PurgeCSS 在 nuxt-tailwindcss 中删除了自定义默认样式答案

【问题标题】：custom default styles have been removed by PurgeCSS in nuxt-tailwindcssPurgeCSS 在 nuxt-tailwindcss 中删除了自定义默认样式
【发布时间】：2020-09-06 08:44:52
【问题描述】：

在我的 SSR Nuxt.js 项目中，我使用的是 Nuxt 官方 tailwindcss-module

我为<a></a> 标签编写了一个默认样式，如下所示。

/assets/scss/app.scss

a{
    color: color("blue", "base");
    transition: color .3s ease;

    &:hover,&:active{
        color: color("blue", "darken-4");
    }
}

pages/index.vue

<template>
    <nuxt-link to="/login">Login</nuxt-link>
</template>

nuxt.config.js

    buildModules:['@nuxtjs/tailwindcss'],
    css:['@/assets/scss/app.scss']

当我运行npm run dev 时，PurgeCSS 无法工作，所以结果符合我的预期。

但是当我运行npm run prod 时，tailwindcss 的 PurgeCSS 将删除我自己在 '@/assets/scss/app.scss'

中的 <a></a> 标签的样式

如何配置 tailwind.config.js 以使自定义默认样式在结果中呈现？白名单只接受类名/id。

非常感谢！

【问题讨论】：

标签： nuxt.js tailwind-css css-purge

【解决方案1】：

试试这个

/* purgecss start ignore */
a {...}
/* purgecss end ignore */

【讨论】：