Tailwind + SASS 未在 Codepen 中呈现样式

Posted 2023-03-07

【中文标题】Tailwind + SASS 未在 Codepen 中呈现样式

【英文标题】：Tailwind + SASS not rendering styles in Codepen

【发布时间】：2021-09-02 13:21:29

【问题描述】：

我在 Tailwind 和 this video suggests 中玩耍，您可以像这样使用 Sass 来避免重复 Tailwind 类：

html

<button class=but>Button</button>

SASS

.but 
    @apply bg-green-400 p-5 rounded-lg m-5 text-white

...但这对我不起作用；样式没有被渲染，并且 Codepen 的 CSS 编辑器抱怨需要一个新行。 Here's my pen - 它启用了 Tailwind 和 Sass。

我做错了什么？

【参考方案1】：

您使用的 CDN Tailwind 无法支持很多功能 @apply 包括 - 它根本无法即时生成您的课程

文档says

在使用 CDN 构建之前，请注意，如果不将 Tailwind 整合到您的构建过程中，许多使 Tailwind CSS 变得出色的功能将无法使用。

您无法自定义 Tailwind 的默认主题 您不能使用@apply、@variants等任何指令。 您无法启用其他变体，例如 group-focus 您无法安装第三方插件 您不能摇晃未使用的样式