[VueJS][nodeJS] 사스(Sass, Scss) 사용하기

프리 프로세서란? Pre-Preprocessor "Sass", "Less", "Stylus"는 "전처리기(자)"라고 하며, "PostCSS"는 "후처리기(자)"라고 하며, 이를 통틀어서 "프리 프로세서(Pre-Preprocessor)"라고 합니다. 우리는 여기서 더 복잡하게 생각할 필요 없이 "프리 프로세서(Pre-Preprocessor)"는 "전, 후처리기(자)"로 나뉘며, "Sass(Scss)", "Less", "stylus"는 "전처리기(자)"이며, "PostCSS"는 "후처리기(자)로 알고 계시면 될것 같습니다. Sass 설치하기 # 해당 뷰 프로젝트 폴더에서 설치해주세요. npm install --save sass-loader node-sass Sass 간단보기 # 해당 컴포넌트 파일 하단에 "<style>" 태그안에 내용을 입력해주세요. 다만, "lang" 값은 "scss"로 지정해주세요. # 여기서 "scoped"는 해당 컴포넌트에서만 스타일을 적용하겠다는 뜻 입니다. ...

원문링크 : [VueJS][nodeJS] 사스(Sass, Scss) 사용하기