回首页

Css 预处理器解决两个问题

模块化是在这两个的基础上构建起来的

一图看懂

1

Css

body {
    color:red;
}

Less sass 预处理器可以让你使用

BEM 加了个块的概念

CSS Modules 主要解决了类名自动唯一命名的问题,像这样

将自动生成一个唯一类名类似于

.app-components-button-__root — 3vvFf {}

Styled Components

可以理解为用js写成的集成所有优点的Css UI框架

原文地址,需梯子,本文只是对此文章进行了精简概括。

也可以访问这里,查看原文

最后,技术只是一个工具,它不会进化,它只是不得已的成为了这样的一个工具。只要你有一个明确的架构,你选择的工具可以让你和你的团队更有效率,至于你选择什么样的技术,这无关紧要。