SCSS和Less的优缺点对比

前言:

• sass和less都是css的预编译处理语言，他们引入了mixins，参数，嵌套规则，运算，颜色，名字空间，作用域，JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用

• sass和less主要区别:在于实现方式 less是基于JavaScript的在客户端处理，引入less.js就可以处理，sass是基于ruby所以在服务器处理。

sass

优点:

• 用户多，更容易找到会用scss的开发，更容易找到scss的学习资源；

• 可编程能力比较强，支持函数，列表，对象，判断，循环等；相比less有更多的功能；

• 丰富的sass库：Compass/Bourbon；

缺点:

在公司内部安装node-sass会失败,需要使用cnpm或者手工安装

less

less优点

• 可以在浏览器中运行，实现主题定制功能；

less缺点

• 编程能力弱，不直接支持对象，循环，判断等；只有when判断

• @variable 变量命名和css的@import/media/keyframes等含义容易混淆；

• mixin/extend的语法比较奇怪；

• mixin的参数如果遇到多参数和列表参数值的时候容易混淆；