Sass @error指令

@error指令顯示SassScript表達式的值作爲致命錯誤。

示例

下面是保存擴展爲 .scss,這類似於CSS文件的樣式表文件。

error.scss

$colors: (
blue: #c0392b,
black: #2980b9,

);

@function style-variation($style) {
@if map-has-key($colors, $style) {
@return map-get($colors, $style);
}

@error "Invalid color: '#{$style}'.";
}

.container {
style: style-variation(white);
}

可以告訴SASS監視文件,並隨時使用下面的命令SASS更新文件來修改CSS:

sass --watch C:\Ruby22-x64\error.scss:error.css

當運行上面的命令,它會自動創建error.css文件。無論何時更改SCSS文件,error.css文件將得到自動更新。

輸出結果

讓我們來進行下面的步驟來看看上面的代碼執行結果,並給出錯誤:

保存上述的代碼在 error.scss 文件中。
運行在命令提示符下上述命令行。
Sass