[SCSS] @import / 여러 파일 가져오기 / 파일 분할 / 하나의 css로 컴파일

가져오기 import

@import로 외부에서 가져온 sass파일은 모두 단일 css출력 파일로 병합된다

 

여러파일 가져오기

하나의 @import로 여러 파일을 가져올 수도 있다.

@import "header", "footer";

header.scss / footer.scss파일을 가지고 와라

 

파일분할

프로젝트 규모가 커지면 파일들을 header나 side-menu같이 각 기능과 부분으로 나눠 유지보수가 쉽도록 관리하게 된다.

이 경우 파일이 점점 많아지는데, 모든 파일이 컴파일 시 각각의 css로 저장되면 

관리나 성능차원이 문제가 있을 수 있다.

그래서 파일이름 앞에 _를 붙여 _header.scss로 @import로 가져오면 합쳐져서 나온다.

Sass(SCSS) 완전 정복! | HEROPY

Sass(SCSS) 완전 정복!