个性化阅读
专注于IT技术分析

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文件。

error指令1

输出

error指令2
赞(0) 打赏
未经允许不得转载:srcmini » Sass @error 指令用法详解
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏