Sass是一个成熟,稳定,强大的专业级CSS扩展。但是Sass使用并不是那么的容易上手,现在我们将提供一些简单的方法使得Sass变得更加易用。
Sass有很多很好的功能可以编写单独的样式表,但它真正让人眼前一亮的是它通过将设计逻辑封装在函数和mixins中来创建一致的视觉识别,并一遍又一遍地重复使用它们。这就是为什么像Google的Material Design和IBM的Carbon这样的设计系统使用Sass!
使用PostCSS转换样式 。六年前,通常会看到Sass用户使用mixins来实现跨浏览器兼容性或从右到左的语言支持。今天,PostCSS是这项工作的最佳工具。让人们编写符合标准的Sass样式表,并将兼容性工作留给机器。
即使那些mixins只使用一次!只有根Sass文件才能实际生成CSS。这可以确保您确切地知道CSS生成的顺序,并且如果它们被编写为从头开始共享,则可以更轻松地共享样式。
stylelint linter提供了大量优秀的lint,有助于确保您不使用任何无效的CSS属性或其他容易出错的错误。tylelint-scss插件为Sass用户添加了一堆检查,其中一些由Sass团队自己编写。
试试Dart Sass,Dart Sass于2018年首次发布,是Sass的新参考实现。它很快,很容易安装为JavaScript包,而且它很快就可以上手使用。