javascript - 在 NextJS 中让 styled-jsx 与 tailwindcss 一起工作

Question

我正在尝试让 styled-jsx 在 NextJS 中与 tailwindcss 一起使用。

在上面的示例中，我试图<h1>Hello World</h1>在index.tsx页面上找到使用 tailwindcss 更改颜色。

例如，如果我将 styled-jsx 设置为@apply text-red-400;，我希望h1会变成红色，但它不会。我知道 styled-jsx 正在工作，因为将color: green;更改h1应用于绿色。

我尝试使用 babel 配置，styled-jsx-plugin-postcss但它不起作用。

score 0 · Accepted Answer

我不明白为什么，但它突然开始工作。我什至没有做出改变。看起来nodejs或nextjs需要睡觉...

score -1 · Accepted Answer

我认为你不需要 styled-jsx 来处理与 tailwindcss 相关的任何事情。

您可以像这样直接使用tailwind classNames，并且将应用样式：

<h1 className="text-green-400">Hello World</h1>

2 回答 2