scss 파일을 작성하다보면 개행을 많이 하게 된다. 이러면 코드의 가독성은 좋지만 파일의 용량이 쓸데없이 늘어날 수 있다. 이를 방지하기 위해 SCSS 파일을 CSS 파일로 빌드할 때, 압축된 형태로 만들 수 있는 명령어를 쓸 수 있다.
sass --style compressed style/main.css:style/main.css
명령어를 이렇게 입력하면 개행한 부분이 사라져 압축된 형태로 CSS 파일이 빌드된다.
만약 live로 css 파일을 컴파일하고 싶으며 동시에 compressed한 형태로 빌드하고 싶다면
sass --watch --style compressed style/main.css:style/main.css
라고 입력하면 된다.
참고
'HTML & CSS > SASS(SCSS)' 카테고리의 다른 글
| Sass/SCSS 문법 2. 변수(Variables) (0) | 2023.01.26 |
|---|---|
| Sass/SCSS 문법 1. 중첩(Nesting)과 주석 (0) | 2023.01.26 |
| Sass 설치하기(2) - 터미널 명령어 사용 (0) | 2023.01.24 |
| Sass 설치하기(1) - VS Code Extension 사용 (0) | 2023.01.24 |
| Sass나 SCSS를 쓰는 이유 (0) | 2023.01.24 |