Sass @debug指令

Sass @debug指令用于检测错误，并向标准错误输出流显示SassScript表达式值。

Sass @debug指令示例

让我们创建一个名为“ debug.scss”的SCSS文件，其中包含以下数据。

$font-sizes: 10px + 20px;
$style: (
  color: #bdc3c7
);
.container{
  @debug $style;
  @debug $font-sizes;
} 

现在，打开命令提示符并运行watch命令，以告知SASS监视文件并在更改SASS文件时更新CSS。

执行以下代码： sass –watch debug.scss：debug.css

它将在同一目录中自动创建一个名为“ debug.css”的普通CSS文件。

输出：