CSS模块化方案分类

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_24147051/article/details/81362182

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

猜你喜欢

转载自blog.csdn.net/qq_24147051/article/details/81362182