CSS_Modules介绍
原文中文,约2300字,阅读约需6分钟。发表于: 。之前在用Vue框架时,为了便于不同template之间的样式不相互影响,都设置了css的scoped属性.现在在学习React,发现并没有自带这种功能,通常可以使用多种方案解决.
React没有自带样式隔离功能,可以使用CSS Modules或CSS in JS解决。create-react-app和vite默认集成了CSS Modules。使用.module.css文件并导入使用。编译时会给类名加上唯一值。使用:global切换到全局作用域。进阶技巧包括compose组合选择器和继承其他文件样式。