在 nextJs 的不同组件中使用单个本地样式表

Question

如何在页面的所有子/相关组件中使用单个样式表？

例如，我有一个页面 -->ProductList.tsx 它有一个组件 -->SortButton.tsx 我要做 从“../../../styles/ProductList.module.scss”导入样式； 在两个文件（ProductList.tsx 和 SortButton.tsx）上 有什么方法可以让我只在 ProductList.tsx 中导入样式并在所有子/相关组件中使用它？

Answer 1

在pages/_app.js 中导入样式表并从页面和组件中删除导入。