Sass @error 指令用法详解

当你想显示错误时, 使用Sass @error指令。它将SassScript表达式值显示为致命错误, 包括不错的堆栈跟踪。

Sass @error指令示例

让我们创建一个名为” 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文件。

输出