Front End/CSS

Scss 파일 컴파일러 설치방법 및 사용법

DevPing9_ 2021. 9. 8. 11:09

# 컴파일러 설치

 

1. Node.js 사용자 (추천)

npm install -g sass

 

2. MacOS

brew install sass/sass/sass

 


 # 사용법

 

 1. 단순 컴파일

sass input.scss output.css

 2. watch 옵션을 이용한 실시간 컴파일 및 간단한 디버깅

 

// scss -> css 로 실시간 컴파일
sass --watch 파일명.scss:파일명.css

// scss 폴더내의 모든 scss 를 참조하여, css 폴더에 실시간 컴파일
sass --watch scss폴더경로:css폴더경로

 

 

 

 

 

728x90