@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監(jiān)視文件,并隨時使用下面的命令SASS更新文件來修改CSS:
sass --watch C:\Ruby22-x64\error.scss:error.css
當(dāng)運行上面的命令,它會自動創(chuàng)建error.css文件。無論何時更改SCSS文件,error.css文件將得到自動更新。
輸出結(jié)果
讓我們來進行下面的步驟來看看上面的代碼執(zhí)行結(jié)果,并給出錯誤:
保存上述的代碼在 error.scss 文件中。
運行在命令提示符下上述命令行。