Sass 除錯

如果對本文有任何問題，建議，或者在前端技術體系方面有任何問題，可以新增我的微信： drylint , 我會盡可能為你解答，也會拉你進入前端技術進階交流群，大家一起進步~

Sass 提供了一些除錯語句，有：

  • @error
  • @warn
  • @debug

@error

當編寫帶有引數的 mixin 或函式時，通常希望接收到正確的引數，如果呼叫時沒有傳遞正確的引數，應該通知使用者並且停止執行。

Sass 通過 @error <expression> 。它會在控制檯輸出表達式返回的值（通常是一個字串），一旦打印出錯誤，Sass 就停止編譯，並丟擲錯誤資訊。

@mixin text-align ($align) {

  @if ($align != left or $align != center) {

    @error "呼叫 text-align 只能傳遞 left 或 center 值";

  }

  text-align: $align;

}

.div {

  // 傳遞一個不被允許的引數，會在控制檯丟擲錯誤資訊

  @include text-align(right);

}

@warn

用法與 @error 相同，但與 @error 不同的是，它不會導致 Sass 停止編譯，只是在控制檯丟擲警告資訊。

@debug

通過 @debug <expression> 可以很方便地在控制檯打印出表示式返回的值。

@debug "1 + 1 = #{1 + 1}"; // 1 + 1 = 2