CSS模块化

语义模块化是编写css代码的规则,使得CSS代码易于维护和复用。
关键点一个css模块就是css文件,当通过import引入时,会把css文件变为对象引入,通过对象中的属性名,给元素增加样式。像引入JS文件一样,通过对象的属性使用依赖的模块里的方法。

  • 利用JS管理CSS的依赖。
  • 拥有唯一的类名。实现:通过css-loader中的module属性,在编译css文件时,将css文件中的类(类名:哈希值)变成对象引入。

    语义可以复用、嵌套的独立组件。
    例子导航菜单,它是可以复用、嵌套在其他块里。

    元素

    语义块的组成部分。多个元素组成一个块。
    例子导航菜单里面的项目(html元素)组成块的结构。

    修饰符

    语义定义块的外观和行为。