-
Scss 파일 컴파일러 설치방법 및 사용법Front End/CSS 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'Front End > CSS' 카테고리의 다른 글
[CSS] CSS 속성으로 placeholder 값 지정하기 (input[type="date"] placeholder 적용 처리) (0) 2023.03.05 CSS) display : flex (0) 2021.08.31 CSS) Position 속성 (0) 2021.08.31 CSS) width나 height를 나머지로 채우기 (반응형) (0) 2021.08.31 반응형 웹을 위한 폰트 단위 및 미디어 쿼리 (0) 2021.08.31