Sass @debug指令

@debug指令检测错误,并显示SassScript表达值到标准错误输出流。

示例

下面是保存扩展为.scss,这类似于CSS文件的样式表文件。

debug.scss

$font-sizes: 10px + 20px;
$style: (
  color: #bdc3c7
);

.container{
  @debug $style;
  @debug $font-sizes;
}
可以告诉SASS监视文件,并随时使用下面的命令更新SASS文件来修改CSS:
sass --watch C:\Ruby22-x64\debug.scss:debug.css
当你运行上面的命令,它会自动创建debug.css文件。无论何时更改SCSS文件, debug.css 文件将得到自动更新。

输出结果

让我们来进行下面的步骤来看看上面的代码工作,并调试错误:
保存上述的代码到 debug.scss 文件中。
在命令提示符下运行上述命令行。


上一篇: Sass @at-root指令 下一篇: Sass @warn指令