SCSS - 디버그

@debug

console.log 처럼 메시지를 작성해서 출력할 수 있다.

.box {
  width: 100px;
  height: 200px;
  @debug "Hello SCSS!";
}

@warn

경고 메시지를 출력할 때 사용한다.

.box {
  width: 100px;
  height: 200px;
  @warn "Hello SCSS!";
}

@error

error를 발생시켜 컴파일이 정상적으로 동작하지 않게 한다.

.box {
  width: 100px;
  height: 200px;
  @error "Hello SCSS!";
}