概念
Sass是世界上最成熟、最稳定、最强大的专业级CSS扩展语言!Sass让我们更灵活、更方便的书写css样式。Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。
命令行编译
- 单文件转换命令
sass input.scss output.css
- 单文件监听命令
sass --watch input.scss:output.css
- 如果sass文件和css文件在同一个文件中,监听多个sass文件
sass --watch sass:css
- 如果你有很多的sass文件的目录,你也可以告诉sass监听整个目录:
sass --watch app/sass:public/stylesheets
- --style表示解析后的css是什么排版格式;
sass内置有四种编译格式:
nested 嵌套型(默认格式)
sass --watch sass:css --style nested
expanded 扩展型
sass --watch sass:css --style expanded