SCSS & Sass 컴파일러

<unk>스/사스 스니프트 또는 로컬 .scss/.sass 파일을 브라우저에 직접 컴파일하십시오.당신의 스타일리스트는 업로드, 로그인, 또는 API로 보내지 않습니다.

SCSS/Sass 파일을 선택하거나 여기에서 다운로드하려면 클릭합니다.

또한 아래의 편집기에서 SCSS/Sass를 직접 붙일 수 있습니다.

0 바이트

0 바이트

준비 완료

브라우저-국민 복합

컴파일은 공식 Dart Sass 구현을 사용하여 현지적으로 실행됩니다.Convertr 서버에 스타일리스트가 보내지 않습니다.

스니프트 및 파일 입력

부분적인 SCSS, 전체 스틸 잎, 둥근 규칙, 변수, 혼합물 또는 지역 .scss 파일을 충전합니다.

안전한 측정

분석은 크기와 감소 팩을 사용합니다. SCSS 출처, 변수, 혼합물 및 파일 이름은 텔레메트리에서 벗어나지 않습니다.

자주 묻는 질문

내 SCSS가 Convertr로 업로드되었습니까?

No. SCSS 컴파일러는 브라우저 JavaScript를 사용하여 로컬로 실행됩니다.이전 SCSS 및 선택된 파일은 Convertr 서버에 보내지 않습니다.

SCSS가 합성 오류를 겪을 때 어떻게 되나요?

라인 및 열 번호를 가진 컴파일러 오류는 경고 패널에 표시되어 오류를 찾고 수정할 수 있습니다.

이 지원은 @import 또는 원격 중독을 제공합니까?

속도, 오프라인 이용 가능성 및 개인 정보 보호를 보장하기 위해서는 원격 수입 및 파일 시스템 액세스가 이 브라우저 본주 컴파일러에서 비활성화됩니다.

SCSS 컴파일러

지원된 SCSS 합성을 CSS로 구성하여 묶여 있는 브라우저 컴파일러를 사용합니다.

입장
SCSS 소스 더 output-style 옵션.
출력
CSS 또는 컴파일러 진단.
실제 제한
브라우저 컴파일러는 자발적인 프로젝트 수입을 해결하지 않으며, 구축 플러그인을 실행하거나 다른 Sass 버전과 동등성을 보장합니다.
개인정보 및 데이터 처리
SCSS 출처 플러스 출력 스타일 옵션은 이 브라우저 탭에서 처리됩니다.Converter는 그것을 수신하거나 저장하지 않습니다; 페이지를 닫거나 다시 업로드하면 도구가 명시적으로 현지 다운로드를 제공하지 않는 한 작업 상태가 밝혀집니다.

이 도구를 어떻게 사용해야 하는지

  1. SCSS 출처와 출력 스타일 옵션을 도구 컨트롤에 제공합니다.
  2. 컴파일 CSS 또는 컴파이러 진단에 영향을 미치는 설정을 선택한 다음 도구를 실행합니다.
  3. 검토 복사 또는 다운로드하기 전에 CSS 또는 컴파일러 진단을 작성.

일반적인 실패 모드

정의되지 않은 변수, 실종된 혼합물, 사용할 수 없는 수입 또는 불가능한 둥근화는 라인 조심 컴파일 오류를 반환합니다.

유용한 예제

$brand 변수와 둥근 .button hover 규칙을 확장 또는 압축 CSS로 구성합니다.