심재운 블로그


SASS 개발 툴 및 설치


1. SSAS 파일을 CSS 로 변환하기


sass filename.scss filename.css


2. -style compressed 옵션 추가로 공백과 줄바꿈 문자 제거


sass -style compressed filename.scss filename.css




SASS 직접 사용하기 보다는. 웹앱의 테마를 개발하고 컴파일을 할때 COMPASS 를 주소 사용한다.


http://rubyinstaller.org/downloads/




1.9.3 최신버전을 받아서, 설치하면 된다. C:\rube193 폴더에 설치를 하고, add ruby executeable to your path 를 체크하고 install 버튼을 누르시면 됩니다.


설치 완료후,


compass 설치를 하기 위해서는.. cmd 창을 열어서 아래와 같이 실행합니다.


gem install compass



설치 완료 한 다음에  scss 파일을 css 로 치환해보자.


compass compile myfile.scss


그러면 자동적으로 ../css/myfile.css 파일이 생성됩니다.


이를 패치해서 적용하시면 됩니다.









이 글을 공유합시다

facebook twitter kakaoTalk kakaostory naver band

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

비밀글모드