在nuxt-tailwindcss中的PurgeCSS已经删除了自定义的默认样式。

Question

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

我为 <a></a> 像下面这样的标签。

资产sscssapp.scss

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

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

网页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时，PurgeCSS就不能工作了，所以结果和我预期的一样。

但是当我运行 npm run prod，尾风css的PurgeCSS将删除我自己的风格，为。<a></a> 标签中 '@assetsscssapp.scss' 。

如何配置 tailwind.config.js 让自定义的默认样式在结果中呈现？白名单只接受classnamesids。

非常感谢

Answer 1

1
投票

试试这个

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