如何使用Postcss在Next.js中为每个页面加载单独的CSS文件

时间:2020-03-31 18:42:23

标签: next.js postcss

我正在尝试将PostCss与next.js一起使用,这仅允许我将主CSS文件添加到主_app.js文件中, 使得所有输出样式都是全局的,
如何为每个页面甚至每个组件创建CSS文件

1 个答案:

答案 0 :(得分:1)

从Next.js 9.2版开始,它支持本机css支持。

如您所说,如果您从_app.js文件中导入样式,则它们将被视为您应用程序的全局样式。

组件的样式被视为“模块”。

CSS模块通过自动创建唯一的类名在本地作用域CSS。这样一来,您就可以在不同文件中使用相同的CSS类名,而不必担心冲突。

您需要做的只是用后缀*.module.css调用css文件。

检查official docs