CSS模块化
语义模块化是编写css代码的规则,使得CSS代码易于维护和复用。
关键点一个css模块就是css文件,当通过import引入时,会把css文件变为对象引入,通过对象中的属性名,给元素增加样式。像引入JS文件一样,通过对象的属性使用依赖的模块里的方法。
- 利用JS管理CSS的依赖。
- 拥有唯一的类名。实现:通过css-loader中的module属性,在编译css文件时,将css文件中的类(类名:哈希值)变成对象引入。
块
语义可以复用、嵌套的独立组件。
例子导航菜单,它是可以复用、嵌套在其他块里。
元素
语义块的组成部分。多个元素组成一个块。
例子导航菜单里面的项目(html元素)组成块的结构。
修饰符
语义定义块的外观和行为。