Sass - 除錯指令

說明

@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:\ruby\lib\sass\debug.scss:debug.css

當你執行上述命令時，它將自動建立 debug.css 檔案。每當你更改 SCSS 檔案時，debug.css 檔案都將自動更新。

輸出

讓我們執行以下步驟，瞭解上述程式碼如何運作以及如何提供除錯錯誤：

• 將上述提供的程式碼儲存在 debug.scss 檔案中。

• 在命令提示符中執行上述命令列。