这是less的一张原理图 链接
less原理图
note: since less is a superset of css, nodes not possible in less(e.g extend) are slowly transformed into css
// 意思大概就是less是css的超集,因此在less中转换为css节点是比较慢的
原理主要分析:
less 是预编译处理器,所以会在编译前进行处理成css
- 首先less 会转换为ast(抽象语法树)语法
- 然后遍历转换后所有的节点
- 最后再形成css树