Sass：Error

描述

所述@error指令显示SassScript表达值的错误信息。

例

下面给出的是扩展名为.scss的样式表文件，与css文件类似。

warn.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:\ruby\lib\sass\warn.scss:warn.css

当您运行上述命令时，它将自动创建error.css文件。每当您更改SCSS文件时，error.css文件都会自动更新。

输出量

让我们执行以下步骤以查看以上代码如何工作并给出错误：

• 将上面给定的代码保存在error.scss文件中。
• 在命令提示符下运行上述命令行。