cerate-react-app脚手架使用css模块化功能

• Z时代
• 2024-01-10
• 分类：综合

cerate-react-app脚手架使用css模块化功能

• css模块化
• 引发问题
• 如何解决

css模块化

一开始使用creat-reat-app projectName 创建的项目没有使用css模块化功能,便第一时间去找百度按照文中修改设置,确实是可以使用css-module功能了,但是随后发现这样是有问题的.

引发问题

这么做实现了css模块化,但同时也无法再使用全局样式

如何解决

在该脚手架中这个问题早已做过处理,无需去修改配置.

在node_modules\react-scripts\config\webpack.config.js中找到

也就是说,用.module.css结尾的css文件,webpack打包时,会做css模块化处理,而已.css结尾的css文件(不包含.module.css,cssRegex中已经exclude)不会被处理.在开发时只要注意文件的命名就可以了.

以上是 cerate-react-app脚手架使用css模块化功能 的全部内容， 来源链接： utcz.com/z/381138.html