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 模块化

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容