SCSS & Sass 컴파일러
붙여넣은 SCSS/Sass 코드 조각이나 로컬 .scss/.sass 파일을 브라우저에서 직접 컴파일하세요. 스타일시트는 업로드되거나 기록되지 않으며 API로 전송되지 않습니다.
SCSS/Sass 파일을 선택하거나 여기에 드래그 앤 드롭하려면 클릭하세요.
또한 SCSS/Sass를 아래의 편집기에 직접 붙여넣을 수 있습니다.
0 바이트
0 바이트
브라우저 기본 컴파일
컴파일은 공식 Dart Sass 구현을 사용하여 로컬에서 실행됩니다. Convertr 서버로 스타일시트가 전송되지 않습니다.
스니펫 및 파일 입력
부분적인 SCSS, 전체 스타일시트, 중첩 규칙, 변수, 믹스인을 붙여넣거나 로컬 .scss 파일을 로드합니다.
안전한 측정
분석은 크기와 감소 팩을 사용합니다. SCSS 출처, 변수, 혼합물 및 파일 이름은 텔레메트리에서 벗어나지 않습니다.
자주 묻는 질문
내 SCSS가 Convertr로 업로드되었습니까?
아니요. SCSS 컴파일러는 브라우저 JavaScript를 사용하여 로컬로 실행됩니다. 붙여넣은 SCSS 및 선택한 파일은 Convertr 서버에 전송되지 않습니다.
SCSS에 구문 오류가 있으면 어떻게 되나요?
줄 및 열 번호가 포함된 컴파일러 오류가 경고 패널에 표시되어 오류를 찾고 수정할 수 있습니다.
이것은 @import나 원격 종속성을 지원하나요?
속도, 오프라인 사용 가능성 및 개인 정보 보호를 보장하기 위해 원격 가져오기 및 파일 시스템 액세스가 이 브라우저 기본 컴파일러에서 비활성화됩니다.
SCSS 컴파일러
번들 브라우저 컴파일러를 사용하여 지원되는 SCSS 구문을 CSS로 컴파일합니다.
- 입력
- SCSS 소스와 출력 스타일 옵션.
- 출력
- CSS 또는 컴파일러 진단.
- 실제 제한
- 브라우저 컴파일러는 임의의 프로젝트 가져오기를 해결하지 않으며, 빌드 플러그인을 실행하지 않거나 다른 Sass 버전과의 동등성을 보장하지 않습니다.
- 개인정보 및 데이터 처리
- SCSS 소스와 출력 스타일 옵션은 이 브라우저 탭에서 처리됩니다. Convertr는 이를 수신하거나 저장하지 않습니다. 도구가 명시적으로 로컬 다운로드를 제공하지 않는 한 페이지를 닫거나 다시 로드하면 작업 상태가 지워집니다.
이 도구를 어떻게 사용해야 하는지
- SCSS 소스와 출력 스타일 옵션을 도구 컨트롤에 제공합니다.
- 컴파일된 CSS 또는 컴파일러 진단에 영향을 미치는 설정을 선택한 다음 도구를 실행합니다.
- 복사 또는 다운로드하기 전에 컴파일된 CSS 또는 컴파일러 진단을 검토합니다.
일반적인 실패 모드
정의되지 않은 변수, 누락된 믹스인, 사용할 수 없는 임포트 또는 잘못된 중첩은 줄 번호를 포함한 컴파일 오류를 반환합니다.
유용한 예제
$brand 변수와 중첩된 .button 호버 규칙을 확장 또는 압축 CSS로 컴파일합니다.