Inflearn Egoing) 섹션 8. CSS 뛰어넘기 - preprocessor

■ preprocessor

: 방대한 CSS 문서를 효율적으로 관리해주는 도구

 

아래는 대표적인 preprocessor들입니다. 
http://lesscss.org/  (온라인 변환기)
http://sass-lang.com/
http://stylus-lang.com/ (온라인 변환기)

아래는 이런 도구들에 대해서 비교한 사이트입니다. 
https://csspre.com/compile/

 

stylus-lang.com 사이트에서 위 코드를 아래처럼 바꿔준다.

 

 

-코딩 프로그램에서 stylus 사용하기

*minify 기능 사용 가능(compress:true)

 

위 .styl 파일을 아래 .css 파일로 바꿔준다.

 

 

-명령어로 컴파일

리눅스 명령어로도 변환 가능하다.