[SASS] 이용법 2

Sass 이용법을 저번 포스팅에 이어서 작성해 볼것이다.ㅎㅎ

네번째,

다 작성한 .scss 파일을 컴파일하여 우리가 최종으로 원하는 css를 얻을 것이다. 

! 잠깐 그러기 위해선 compass도 설치해야한다. 다시 cmd 창으로 가서 gem install compass 라는 명령어를 입력하여 설치한다.

나는 컴파일을 Sublime Text3를 사용하여 컴파일 작업을 할 것이다. 

서브라임을 켜서 ctrl + shift + p로 package installer를 열어 

' 1. Sass 설치, 2. Sass Bulid 설치, 3. Scss 설치, 4. Scss Snippets 설치, 5.Compass 설치' 를 차례로 한다.

다섯번째, 

Sass를 실행하기위해서 임의의 디렉토리 안에 scss폴더와 css 폴더를 만들어 둔다. 

여섯번째,

서브라임안에 config.rb라는 설정파일을 만든다. 

아래 코드를 그대로 입력할 것.

http_path = "/"
css_dir = "css"
sass_dir = "scss"
output_style = :nested
line_comments = false

참고 : https://vividviolethykr.wordpress.com/2013/09/05/sublime-text-2%EB%A1%9C-sass-%EC%A4%80%EB%B9%84%ED%95%98%EA%B8%B0/

이 파일을 임의의 디렉토리 안에 위치시킨다. 즉, scss폴더, css폴더 그리고 이 파일 순으로. 

일곱번째, 

서브라임에서 'tools > build system > compass 로 빌드를 설정하여 scss를 작성한다. 

쓰기전에 compass를 import 한다. 

작업 후에 저장하고 ctrl + b를 누르면 신기하게도 css 폴더 안에 작업한 scss가 css로 컴파일 되어 있음을 확인 할 수 있다.

아까 언급한 참고 링크에서 아주 자세하게 사용법을 익힐 수 있었다. 더 자세한 설명은 아래에 한번더 링크를 걸어 두었으니 

참고하시면 될듯하다.ㅎㅎ

https://vividviolethykr.wordpress.com/2013/09/05/sublime-text-2%EB%A1%9C-sass-%EC%A4%80%EB%B9%84%ED%95%98%EA%B8%B0/

그럼 난 다시 포폴을 만들러 가야겠다.ㅎㅎㅎ 험난한 여정이 예상된다.ㅎㅎㅎㅎㅎㅎㅎㅎ