css 模块化

css发展阶段

1.手写源生 CSS
2.使用预处理器 Sass/Less
3.使用后处理器 PostCSS
4.使用 css modules
5.使用 css in js

CSS 模块化的实现方式

BEM 命名规范 bem官网

bem主要是通过命名规则约束来实现css模块化管理

CSS Modules css modules

CSS Modules 指的是我们像 import js 一样去引入我们的 css 代码，代码中的每一个类名都是引入对象的一个属性，通过这种方式，即可在使用时明确指定所引用的 css 样式。并且 CSS Modules 在打包的时候会自动将类名转换成 hash 值，完全杜绝 css 类名冲突的问题。
梳理 CSS 模块化