📍참고
https://sass-lang.com/documentation/at-rules/use
Sass: @use
Compatibility: Dart Sass since 1.23.0 LibSass ✗ Ruby Sass ✗ Only Dart Sass currently supports @use. Users of other implementations must use the @import rule instead. The @use rule loads mixins, functions, and variables from other Sass stylesheets, and
sass-lang.com
📍@use 란?
- 다른 .scss 파일에서 mixin, function, variables 를 import 한다
- 다수의 .scss 파일(모듈)을 모아 합쳐준다
- 오래된 @import 문법을 대체
📍모듈 .scss 파일
- 컴파일하지 않을 것이라는 의미로 파일명 앞에 _ 를 붙여준다
- 예) _reset.scss
📍namespace 활용
- @use를 통해 네임스페이스를 활용할 수 있다
- 이는 @import의 문제를 해결해준다
- 예) stlye.scss에서 _corners.scss 모듈을 import 해와서 namespace c로 활용
📍변수명 앞에 - 를 붙이면 private member로 활용 가능
- 그러면, 정의된 모듈에서만 활용 가능하다
- 예)
