【Sass】 컴파일러 koala의 사용 방법

1587 단어 SassCSS초보자
세 번째 게시물입니다
이번은 간편하게 Sass를 컴파일 해 주는 컴파일러 koala에 대해서입니다.
먼저 공식 사이트에서 koala를 흐름을 따라 다운로드하십시오.

환경설정



다운로드가 끝나면 왼쪽 상단 기어를 선택하여 General Language를 일본어로 만듭니다.


출력 스타일을 원하는 스타일로 설정합니다.
- Nested Sass의 중첩
- Expanded 일반 CSS 작성 방법
- Compact 선택기와 속성을 한 문장으로 만들기
- Compressed 공백 등 모두 제거 압축


컴파일 절차



1.style.scss 파일을 준비하고 모든 폴더에 저장합니다.
2.style.scss가 들어있는 폴더를 koala로 드래그 앤 드롭
3. 자동 컴파일을 체크하면 scss를 저장할 때마다 css가 업데이트됩니다.
4. 컴파일 버튼을 눌러 실행하면 CSS 파일이 생성됩니다.


후기



이상, 이번은 koala에 대한 설명이었습니다.
한층 더 사용해 가는 동안에 추기등이 있으면 갱신해 가고 싶습니다

좋은 웹페이지 즐겨찾기