Sass @error 指令用法详解 _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); }

【Sass @error 指令用法详解】现在, 打开命令提示符并运行watch命令, 以告知SASS监视文件并在更改SASS文件时更新CSS。
执行以下代码：sass – watch error.scss：error.css
它将在同一目录中自动创建一个名为” error.css” 的普通CSS文件。