我正在尝试将PostCss与next.js一起使用,这仅允许我将主CSS文件添加到主_app.js
文件中,
使得所有输出样式都是全局的,
如何为每个页面甚至每个组件创建CSS文件
答案 0 :(得分:1)
从Next.js 9.2版开始,它支持本机css支持。
如您所说,如果您从_app.js
文件中导入样式,则它们将被视为您应用程序的全局样式。
组件的样式被视为“模块”。
CSS模块通过自动创建唯一的类名在本地作用域CSS。这样一来,您就可以在不同文件中使用相同的CSS类名,而不必担心冲突。
您需要做的只是用后缀*.module.css
调用css文件。