📅  最后修改于: 2020-12-25 04:02:30             🧑  作者: Mango
当您想显示错误时,使用Sass @error指令。它将SassScript表达式值显示为致命错误,包括不错的堆栈跟踪。
让我们创建一个名为“ error.scss”的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);
}
现在,打开命令提示符并运行watch命令,以告知SASS监视文件并在更改SASS文件时更新CSS。
执行以下代码: sass –watch error.scss:error.css
它将自动在同一目录中创建一个名为“ error.css”的普通CSS文件。
输出: