CSS模块化方案分类

CSS模块化方案分类：

1、命名约定

规范化CSS的解决方案如：BEM、OOCSS、AMCSS、SMACSS

2、CSS in JS

彻底抛弃 CSS，用 JavaScript 写 CSS 规则，styled-components 就是其中代表。

3、使用JS 来管理样式模块

使用JS编译原生的CSS文件，使其具备模块化的能力，代表是 CSS Modules。

但是这些模块化方案都是各有优缺点，如命名约定：命名复杂、CSS in JS：缺乏扩展、 CSS Modules当然也有一些缺点(你得先学会它再去谈优劣)。在众多解决方案中，没有绝对的优劣。还是要结合自己的场景来决定。

CSS Modules学习地址：

https://segmentfault.com/a/1190000014722978

https://segmentfault.com/a/1190000004530909