最新版本create-react-app 如何使用css-module

68 阅读1分钟

最新版本create-react-app 如何使用css-module

首先找到我们的config目录中的webpack.config.js,箭头处的代码,意思是css,scss,less文件,后缀名 .module.css 才会自动开启css module 不然就按常规css走
在这里插入图片描述
以scss为例,新建Login.module.scss在这里插入图片描述

之后在Login.tsx中引入Login.module.scss,并使用css-module的写法
在这里插入图片描述
css module生效
在这里插入图片描述

文章参考:react-china.org/t/css-modul…