SCSS 가져오기

SCSS 가져오기

SCSS 에서도 @import라는 키워드를 통해 SCSS 파일을 다른 SCSS 파일과 연결할 수 있습니다. 간단한 내용이므로 아래에서 살펴봅시다.

1. 활용 예제(1)

@import url('./sub.scss)'

첫 번째로 CSS에서와 마찬가지로 사용하는 방법이 있습니다.
그러나 SCSS에서는 더욱 간단하게 활용할 수 있습니다.

2. 활용 예제(2)

@import './sub.scss'

위처럼 url() 없이도 사용 가능합니다.

3. 활용 예제(3)

@import './sub'

여기에 더해 확장자명 또한 생략할 수 있습니다.

4. 활용 예제(4)

@import './sub', './sub2';

마지막으로 두 가지 이상의 파일을 ,을 사용하여 여러 개의 파일을 가져올 수도 있습니다.