📜  SASS错误指令

📅  最后修改于: 2020-12-25 04:02:30             🧑  作者: Mango

Sass @错误指令

当您想显示错误时,使用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文件。

输出: