如何在 Next.js 中设置没有 {styles.red} 的 className

描述

我只想在 Next.js 中使用没有 {styles.class-name} 约定的类的纯名称，我用 google 搜索并发现我需要配置 next.config.js 文件。那么，有人对此有好的参考吗？

我有这个：

它在 Next.js 中运行良好

并需要这个：

默认情况下，这在 Next.js 中不起作用

Next.js 有 globals.css 文件，它位于 styles 文件夹中，因此您可以：

className="red"

然后在 globals.css 文件中：

.red{
//...
}

但我建议你使用.module.css文件，因为它更干净并且不会弄乱。