个性化阅读
专注于IT技术分析

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文件。

调试指令1

输出

调试指令2
赞(0) 打赏
未经允许不得转载:srcmini » Sass @debug指令用法详解
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏