2

在我的 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");
    }
}

页面/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。

非常感谢！

4

1 回答 1

1

尝试这个

/* purgecss start ignore */
a {...}
/* purgecss end ignore */
于 2020-05-20T17:20:19.917 回答