[Sass/SCSS] 4. 외부 Sass/SCSS 가져오기

1. @import

CSS의 경우, 외부 CSS를 불러올 때는 @import를 이용해 가져올 수 있습니다.

Sass/SCSS에서는 CSS의 @import로 불러올 수 있는 경우가 4가지 있습니다.

 

- 확장자가 .css 일 때

- 파일 주소가 "http:// 로 시작하는 경우

- url()

- Media Query가 있는 경우

@import "main.css";
@import "http://~~/main";
@import "url(main)";
@import "main" screen;

 

2. 파일 분할

Compile 전 main 이외에 _사용 권장