css预处理器less和sass

79 阅读1分钟

Sass

描述:

Sass是一款强化css的辅助工具,它在css的基础上增加了变量、嵌套、混合、导入等高级功能,这些拓展让css更加强大和优雅。

好处:

使用sass以及sass样式库(如:compass)有助于更好地组织管理样式文件以及更高效的开发项目

scss:

Scss是Sass的缩排写法,是Sass的改良版,与原来的语法兼容,只是用{}取代了原来的缩进

用法:

image.png

项目中使用

下载命令: npm i sass -D

将样式文件后缀名改为:如 index.scss

参考文章: react中使用sass

Less

image.png

参考文章:

Less文档

sass和less区别

React使用Less