@import
로 외부 .scss
파일을 가져와서 현재 .scss
파일에 병합할 수 있다. @import
를 통해 자동으로 입력된 상태에서 컴파일 된다.@import "colors.scss";
@import "colors.scss", "fonts.scss";
폰트 스타일만 저장한 font.scss
파일을 만들고, style.scss
에서 font.scss
를 import 해서 사용해보자.
@import
문을 복사하여 사용font.scss
@import url('https://fonts.googleapis.com/css2?family=Orbit&display=swap');
style.scss
@import "./font.scss";
body {
font-family: 'Orbit', sans-serif;
font-size: 18px;
}
가져온 파일에 있는 코드가 @import
를 통해 자동으로 입력된 상태에서 컴파일 된다.
style.css
@import url("https://fonts.googleapis.com/css2?family=Orbit&display=swap");
body {
font-family: "Orbit", sans-serif;
font-size: 18px;
}