스타 CSS전처리기. 복잡한 작업을 쉽게 할 수 있도록 해주고, 스타일 코드의 재활용성을 높여 주고 코드의 가독성을 높여줘서 유지보수를 더욱 쉽게 해줌.
확장자 2개 => 1. .scss , 2. .sass
sass와 scss의 문법은 다르다.
.sass확장자는 중괄호({})와 세미콜론(;)을 사용하지 않는다.
.scss확장자는 기존 CSS를 작성하는 방식과 거의 비슷하다.
sass사용할땐
npm install node-sasssass라이브러리
- include-media
- open-color
yarn add open-color include-media
sass 설정하는 법
"node-sass" : "node-sass",
"sass" : "node-sass src/main.scss style.css"