一、简介
-
Sass
和Less
语法严谨,Stylus
相对自由。因为Less
长得更像css
,所以它可能学习起来更容易。 -
Sass
和Stylus
都具有类语言的逻辑方式处理:条件
、循环
等,而Less
需要通过When
等关键词模拟这些功能,这方面Less
比不上Sass
和Stylus
。 -
Less
在丰富性以及特色上都不及Sass
和Stylus
,若不是因为Bootstrap
引入了Less
,可能它不会像现在这样被广泛应用。 -
Less
环境较Sass
简单。 -
相对而言,国内前端团队使用
Less
会略多于Sass
。 -
从功能出发,
Sass
较Less
略强大一些。 -
Sass
在市面上有一些成熟的框架,比如说Compass
,而且有很多框架也在使用Sass
,比如说Foundation
。
问题解决:适用下面所有解析器
一、Less
安装与使用
二、Stylus
安装与使用
-
安装
// 一起安装 $ npm i stylus stylus-loader -D // 分开安装 $ npm i stylus -D $ npm i stylus-loader -D // 指定版本安装 $ npm i stylus@0.54.7 -D $ npm i stylus-loader@3.0.2 -D
三、Sass
安装与使用
-
安装
// 一起安装 $ npm i sass sass-loader -D // 分开安装 $ npm i sass -D $ npm i sass-loader -D // 指定版本安装 $ npm i sass@1.26.5 -D $ npm i sass-loader@8.0.2 -D