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