가져오기 import
@import로 외부에서 가져온 sass파일은 모두 단일 css출력 파일로 병합된다
여러파일 가져오기
하나의 @import로 여러 파일을 가져올 수도 있다.
@import "header", "footer";
header.scss / footer.scss파일을 가지고 와라
파일분할
프로젝트 규모가 커지면 파일들을 header나 side-menu같이 각 기능과 부분으로 나눠 유지보수가 쉽도록 관리하게 된다.
이 경우 파일이 점점 많아지는데, 모든 파일이 컴파일 시 각각의 css로 저장되면
관리나 성능차원이 문제가 있을 수 있다.
그래서 파일이름 앞에 _를 붙여 _header.scss로 @import로 가져오면 합쳐져서 나온다.
Sass(SCSS) 완전 정복!
Style(CSS) 작업 시 필수가 되어버린 CSS Preprocessor(전처리기) Sass(SCSS)에 대해서 이해하고, CSS로 컴파일하는 방법부터 자세한 SCSS 문법까지 살펴봅니다.
heropy.blog
728x90
'WEB > SASS,SCSS' 카테고리의 다른 글
| [SCSS] 색상 연산 가능 opacify() transparentize() (0) | 2021.04.20 |
|---|---|
| [SCSS] 문자 + 연산 (0) | 2021.04.20 |
| [SCSS] 변수의 !default 초깃값 설정 / 변수 이름이 같을 때 초깃값을 사용하겠다. (0) | 2021.04.19 |
| [SCSS] 변수의 !global 전역설정 (0) | 2021.04.19 |
| [SCSS] 변수 유효 범위 / 변수 재할당 (0) | 2021.04.19 |