[Compass] 사용법 (sass and .scss)

# Ruby기반 이기때문에 Ruby 설치

 1. http://rubyinstaller.org/ or http://www.ruby-lang.org/ko/downloads/

2. 루비 설치 - RUN -> English -> I accept the License -> Add Rubes to your PATH , Associate .rb and .rbw files with this Ruby installation -> Install -> Finish

# Compass 설치 (http://compass-style.org/install/) 

     - Compass 강좌 : https://www.youtube.com/watch?v=PRJpf-yyWZ4&list=PL45DD77A4CCA76ED3&index=1

1. 도스창 : 

gem install compass

2. compass 명령어

compass <command> [<option>, <option>, <option>….. <option>]

command : 명령어.

clean - Remove generated files and the sass cache.   (sass,파일 개시삭제)

compile - Compile Sass stylesheets to CSS.            (sass 스타일 컴파일)    

create - Create a new compass project.                  (compass 프로젝트생성)

init - Add compass to an existing project.                 (기존프로젝트에 compass 생성 "config.rb")

watch - Compile Sass stylesheets to CSS when they change. (실시간으로 .scss파일 컴파일 "config.rb"세팅된값으로 )

config - Generate a configuration file for the provided command line options.  (옵션으로 구성파일 생성)

frameworks - List the available frameworks                                 (사용할수있는 프레임워크 보여줌 ) 

(url : http://compass-style.org/reference/compass/)

grid-img - Generates a grid background image.                             (가이드 배경이미지생성)

imports - Emit an imports suitable for passing to the sass command-line.      (설치된 프레임워그 보여줌)    

install - Install an extension's pattern into your compass project.                (확장패턴 인스톨)

sprite - Generate an import for your sprites.                                        ("compass sprite --trace" 설치된정보 보여줌)                         

# Compass 프로젝트 시작

1. 프로젝트 생성 

compass create myproject 

2. 프로젝트 생성과 프레임워크 생성

compass create myproject --using blueprint

3. 기존프로젝트에 생성 (config.rb)

compass init 

# Compass Sass 컴파일

1. 특정파일 컴파일

compass compile sass/scssName.scss

2. 특정파일 자동 컴파일 (config.rb)참조

compass watch sass/scssName.scss

3. 모든 .scss자동 컴파일 (config.rb)참조

compass watch