[SCSS] @import 'ConfigFile';는 _ConfigFile.scss 가 불러와진다?

내가 보는 소스의 파일명은  _ConfigFile.scss인데 @imort 'ConfigFile'을 불러오고 있다?

 

파일명이 다른데 어떻게 불러오는가..?

 

📚 결론 📚

=> Sass에서는 _ConfigFile.scss처럼 밑줄(_)이 붙은 파일을 자동으로 찾아서 가져오도록 설계되어 있기 때문에, @import 'ConfigFile';을 작성하면 _ConfigFile.scss를 자동으로 불러오게 된다.

 

Sass의 Partial 파일 규칙

✔ _ConfigFile.scss와 같이 밑줄(_)이 붙은 파일은 Sass에서 직접 컴파일되지 않고, 다른 SCSS 파일에서 불러올 때만 사용

✔ @import "ConfigFile";을 사용하면 Sass는 _ConfigFile.scss를 자동으로 찾아서 가져옴

 

파일명을 _ConfigFile.scss로 지정했을 때의 Sass 동작

✔ @import "ConfigFile";를 사용할 때, Sass는 내부적으로 다음 순서로 파일을 찾음

1. ConfigFile.scss (파일이 있다면 가져옴)
2. ConfigFile.sass (파일이 있다면 가져옴)
3. _ConfigFile.scss (파일이 있다면 가져옴)
4. _ConfigFile.sass (파일이 있다면 가져옴)

✔ 만약 ConfigFile.scss가 없고 _ConfigFile.scss만 있다면, Sass는 자동으로 _ConfigFile.scss를 가져옴

✔ ConfigFile.scss가 있으면 ConfigFile.scss를 가져옴