소개

Brackets의 확장 기능, SASS AutoCompile을 사용해 보았으므로 비망록을 남깁니다.
OS는 Windows10
Node.js 및 Gulp는 사용하지 않습니다.

SASS Autocompile을 받는 곳

확장 관리자에서 검색하는 것 외에도 다음 사이트에서도 사용할 수 있습니다.
SASS Autocompile | Github

사용방법

확장 프로그램을 설치하면 메뉴 모음에 SASS compiler라는 메뉴가 표시됩니다.

Select Source Folder에서 main.scss가 있는 폴더를 선택합니다.

Select Destination Folder에서 main.css를 선택합니다. 파일이 없는 경우는 작성됩니다.

Enable AutoCompile을 클릭하면 준비가 완료됩니다.

파일을 저장할 때마다 변경 내용이 main.css에 반영됩니다.
Node.js 또는 Gulp가 설치되어 있지 않아도 사용할 수 있습니다.

주의점

1.에서 지정하는 폴더는 반드시 main.scss가 있어야 합니다.

main.scss 에 @import 로 다른 scss 파일을 읽어서 분할된 SCSS 파일을 하나의 CSS로 파일로 묶을 수 있습니다.

컴파일 대상 CSS 파일은 임의로 이름을 바꿀 수 있습니다.

컴파일의 설정은 Brackets를 기동할 때마다 설정을 할 필요가 있습니다.

이상입니다.
Brackets만으로 매우 간단하게 할 수 있습니다만, Node.js와 Gulp를 사용한 컴파일 환경도 향후 구축하려고 합니다.

실제로 시도했습니다.
Node.js와 Gulp를 사용한 컴파일에 비해 역시 유연성이 떨어진다는 난점은 있는 것 같네요.
디렉토리가 엉망이 되지 않는 것은 좋은 곳일까…