테마 컴포넌트에서 Scss 디버깅이 가능한가요?

제품 지원
1

Scss 함수에서 테마 설정의 변수를 사용하려고 합니다. 변수를 디버깅할 수 있기를 바라며, 지금까지 찾은 유일한 방법은 컴포넌트 외부의 전용 파일에 코드를 복제하고 해당 파일에서 변수를 직접 선언하는 것이었습니다.

누군가 이미 이렇게 해본 적이 있나요? Theme CLI를 사용하면서 컴포넌트 폴더 구조 내에서 Scss 변수를 디버깅할 수 있는 방법이 있을까요?

2

디버깅에 대해 어떤 것을 기대하고 계신가요? Sass의 @debug를 사용해보고 싶으신 건가요?

조금 엉뚱한 방법이지만, Sass 변수의 출력을 확인하기 위해 이전에 이렇게 해본 적이 있습니다:

body {
  &:after {
    content: "#{$primary}" !important;
    display: block;
    background: salmon;
    color: white;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
  }
}
3

아, 저도 헤더 바로 뒤에 넣고 배경은 좀 더 심플하게 만들었네요 :see_no_evil: 공유해 주셔서 감사합니다. 이제 덜 어색하게 느껴집니다! :grinning_face_with_smiling_eyes:

그리고 네, @debug를 사용하려고 합니다. 혹시 놓친 옵션이 있는 건 아닌지 궁금했을 뿐이에요. 하지만 변수를 직접 적어두고 전용 파일에서 함수를 디버깅하는 것도 충분히 쉽습니다.