自定义默认样式已在nuxt-tailwindcss中被PurgeCSS删除

Question

在我的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。

非常感谢！

Answer 1

尝试一下

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