如何使用postss为Next.js中的每个页面加载seprate css文件

如何使用postss为Next.js中的每个页面加载seprate css文件,next.js,postcss,Next.js,Postcss,我正在尝试将postsss与next.js一起使用,它只允许我在main\u app.js文件中添加主css文件, 使所有输出样式都是全局的, 如何为每个页面甚至每个组件创建css文件从Next.js 9.2版开始,它支持本机css支持 正如您所说,如果您从\u app.js文件导入样式,它们将被视为应用程序的全局样式 组件的样式被视为“模块” CSS模块通过自动创建一个唯一的类名在本地定义CSS。这允许您在不同的文件中使用相同的CSS类名,而不必担心冲突 您只需使用*.module.css后缀

我正在尝试将postsss与next.js一起使用,它只允许我在main
\u app.js
文件中添加主css文件, 使所有输出样式都是全局的,

如何为每个页面甚至每个组件创建css文件从Next.js 9.2版开始,它支持本机css支持

正如您所说,如果您从
\u app.js
文件导入样式,它们将被视为应用程序的全局样式

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

CSS模块通过自动创建一个唯一的类名在本地定义CSS。这允许您在不同的文件中使用相同的CSS类名,而不必担心冲突

您只需使用
*.module.css
后缀调用css文件


检查

但不要认为这将作为PASCSS工作,这样就不能使用PASCSS的权限。它还有一个内置的PCSCS。