Sass @debug指令用法详解

Sass @debug指令用于检测错误, 并向标准错误输出流显示SassScript表达式值。
让我们创建一个名为” debug.scss” 的SCSS文件, 其中包含以下数据。

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

【Sass @debug指令用法详解】现在, 打开命令提示符并运行watch命令, 以告知SASS监视文件并在更改SASS文件时更新CSS。
执行以下代码:sass – watch debug.scss:debug.css
它将在同一目录中自动创建一个名为” debug.css” 的普通CSS文件。
Sass @debug指令用法详解

文章图片
输出
Sass @debug指令用法详解

文章图片

    推荐阅读