Sass 錯誤指令

描述

@error指令將SassScript表達(dá)式值顯示為致命錯誤。

例子

下面是使用擴(kuò)展名 .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

當(dāng)您運(yùn)行上述命令時，它將自動創(chuàng)建 error.css 文件。 每當(dāng)您更改SCSS文件時， error.css 文件將自動更新。

輸出

讓我們執(zhí)行以下步驟，看看上面的代碼是如何工作的，并給出錯誤:

• 將以上代碼保存在 error.scss 文件中。

• 在命令提示符下運(yùn)行上述命令行。