警告 @warn

在编写mixins和functions时,您可能希望阻止用户传递某些参数或某些值。 他们可能会传递现在已弃用的遗留参数,或者他们可能会以不太理想的方式调用您的 API。

@warn 规则就是为此而设计的。 它被写为@warn <expression>,它为用户打印 expression(通常是一个字符串)的值,以及一个堆栈跟踪,指示当前 mixin 或函数被调用。 不过,与 @error 规则 不同的是,它并没有完全阻止 Sass。

scss
Scss
scss
$known-prefixes: webkit, moz, ms, o;

@mixin prefix($property, $value, $prefixes) {
  @each $prefix in $prefixes {
    @if not index($known-prefixes, $prefix) {
      @warn "Unknown prefix #{$prefix}.";
    }

    -#{$prefix}-#{$property}: $value;
  }
  #{$property}: $value;
}

.tilt {
  // Oops, we typo'd "webkit" as "wekbit"!
  @include prefix(transform, rotate(15deg), wekbit ms);
}

警告和堆栈跟踪的确切格式因实施而异。 这是 Dart Sass 中的样子:

Warning: Unknown prefix wekbit.
    example.scss 6:7   prefix()
    example.scss 16:3  root stylesheet