如何配置next.js以在amp模式下支持CSS文件？

Question

默认情况下，next.js创建一个外部文件并将其推送到CSS。但是耳放仅支持嵌入式样式。如何在amp模式下配置next.js以支持CSS（tailwindcss）。现在，默认情况下，next.js仅在amp模式下支持styled jsx样式。我之前在spectrum.chat community中提出了这个问题，但没有得到任何答案。

Answer 1

我试图在amp页面中编写内联CSS，但是在控制台中没有看到我的CSS代码。之后，我找到了解决方案。我正在共享代码。希望如此，它有助于解决您的错误。

const initialProperty = {
'amp-custom': '',
};

render() {
const styleElement = (
<style jsx {...initialProperty}>
{
`.example-button { color: black; }`
}
</style>
);
}
return (

<React.Fragment>
 {styleElement}
</React.Fragment>
)