在nextjs项目中，使用module css的规范是否直接命名为XXX.module.css 即可？

Question

在next.js 项目中，有一个文件 styles/Home.module.css

请问下，在nextjs项目中，使用module css的规范是否直接命名为XXX.module.css 即可？还需要做其他的事情吗？

Answer 1

直接再tsx里面引入就可以了。和react里面是一样的

Answer 2

Next.js 内置支持 css module，不需要手动引入 webpack loader: https://nextjs.org/docs/app/building-your-application/styling...

写法是必须将 css 文件使用 import 的方法写在 js 文件中，和 css 文件的命名方式无关