前言
SASS (Syntactically Awesome Style Sheets) 是一种 CSS 预处理器，它提供了许多额外的特性，如嵌套规则、变量、注释、mixin 等，可以让样式表更加灵活、易于维护。SASS 代码必须被编译成普通的 CSS 代码才能在浏览器上运行，在编译过程中，可以使用不同的命令行参数来控制编译器的行为。
本文将介绍 SASS 编译器常用的命令行参数，包括输出样式、源地图、目标地图、监听文件变化等，以帮助开发者更加高效地使用 SASS。
输出样式
--style 参数可用于指定编译后的样式输出格式。常用的选项包括：
nested: 默认格式，按照嵌套层级展开，适合开发和调试。expanded: 手动展开每个规则，每个属性单独占一行，便于阅读。compact: 所有规则单独占一行，适合生产环境。compressed: 所有样式压缩在一行中，去除注释和空格，适合生产环境。
示例代码：
sass input.scss output.css --style compressed
源地图
--sourcemap 参数可用于生成源地图文件，可以帮助我们在浏览器中调试 SASS 代码。源地图文件中包含了每个 CSS 规则对应的 SASS 文件和行号信息。
示例代码：
sass input.scss output.css --sourcemap
编译后会生成 output.css 和 output.css.map 两个文件，其中 .map 文件即为源地图文件。
目标地图
--output-style 参数可用于指定编译后的 CSS 文件是否包含目标地图。目标地图文件包含了每个 CSS 规则所在的行数、SASS 生成的行数和源地图中相应规则的信息。
示例代码：
sass input.scss output.css --sourcemap --output-style compressed
编译后会生成 output.css、output.css.map 和 output.css.map.css 三个文件，其中 .map.css 文件即为目标地图文件。
监听文件变化
--watch 参数可用于监听 SASS 文件的修改，当文件被修改后，自动重新编译 CSS。这在开发过程中非常方便，可以大大提高开发效率。
示例代码：
sass --watch input.scss:output.css
以上命令会监听 input.scss 文件的修改，当文件被修改后，自动重新编译成 output.css 文件。
结语
SASS 是一个强大的 CSS 预处理器，提供了很多额外的功能和特性，可以帮助我们更加高效地编写样式表。熟练掌握 SASS 常用的命令行参数可以让我们更加轻松地使用它。希望本文对您有所帮助，祝编码愉快！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67830640935627c900260d2c
