Sass @debug指令用法详解

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

让我们创建一个名为” 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文件。

输出