(十九)CSS Module
1:基本概念
-
模块是可组合、分解和更换的单元
index.css ├─ header.css │ └─ reset.css ├─ content.css │ ├─ left.css │ │ └─ nav.css │ └─ right.css ├─ fotter.css └─ ...
-
所有的类名都只有局部作用域的CSS文件
2:CSS Module解决了哪些问题
全局污染
!important
inline
复杂的选择器
命名混乱
避免样式冲突 -> 选择器越来越复杂 -> 命名越来越长
层级结构不清晰
代码难以复用
很难从成千上万行代码中寻找
代码压缩不彻底
长的 class 名无能为力