왜 scss / css에서 파일 이름“_”또는“_”앞에 두어야합니까?
왜 _
scss에서 파일 이름 앞에 넣습니까?
_filename.scss
왜 필요한 _
가요?
_ (밑줄)은 scss의 일부입니다. 즉, 스타일 시트를 기본 스타일 시트 (styles.scss)로 가져 오게됩니다 (@import). 부분 사용의 장점은 많은 파일을 사용하여 코드를 구성 할 수 있으며 모든 것이 단일 파일로 컴파일된다는 것입니다.
밑줄로 시작하는 sass 파일은 부분입니다. 스타일을 논리적 섹션으로 분리하는 것이 좋습니다. 이 파일은 모두 사용할 때 컴파일시 병합됩니다 @import
.
Sass 언어 안내서에서 :
다른 Sass 파일에 포함 할 수있는 CSS의 스 니펫이 거의 포함 된 부분 Sass 파일을 작성할 수 있습니다. 이는 CSS를 모듈화하고보다 쉽게 유지 관리 할 수있는 좋은 방법입니다. 부분은 단순히 밑줄이 붙은 Sass 파일입니다. _partial.scss와 같은 이름을 지정할 수 있습니다. 밑줄은 파일이 부분 파일 일 뿐이며 CSS 파일로 생성되어서는 안된다는 것을 Sass에 알려줍니다. Sass 부분은 @import 지시문과 함께 사용됩니다.
_ (밑줄)이있는 파일은 컴파일러에서 무시됩니다. 그러나 이러한 모든 파일은 실제로 컴파일 된 파일 인 단일 기본 SCSS 파일 (예 : styles.scss)로 가져옵니다 (이름에 _ (밑줄)이 없음)
마지막 목표는 하나의 SCSS 파일 만 컴파일하고 그 결과 CSS 파일을 하나만 갖는 것입니다.
파일 이름 앞에 "_"를 포함하면 부분이 아닌 다른 sass 파일로 가져 오지 않는 한 CSS로 생성되지 않습니다.
폴더 구조가 다음과 같다고 가정하십시오.
/scss
style.scss
_list.scss
/css
명령을 실행하면
sass --watch scss:css
style.css 및 style.css.map 파일 만 생성되며, sass 컴파일러는 내용을 CSS 파일로 변환하지 않고 _list.scss를 생략합니다.
/scss
style.scss
_list.scss
/css
style.css
style.css.map
부분을 사용할 수있는 유일한 방법은 다음을 사용하여 부분을 다른 .scss 파일로 가져 오는 것입니다.
@import 'list.scss';
_test.scss 앞에서 '_'를 제거하면 명령의 결과는
/scss
style.scss
_list.scss
/css
style.css
style.css.map
test.css
test.css.map
부분을 사용하는 주요 목적은 CSS 코드를 유지하기 쉬운 여러 조각으로 나누는 것입니다. 도움이 되었기를 바랍니다. 감사.
참고URL : https://stackoverflow.com/questions/34889962/why-put-in-front-of-the-file-name-or-in-scss-css
'program tip' 카테고리의 다른 글
레지스터 자체를 XOR하는 목적은 무엇입니까? (0) | 2020.08.04 |
---|---|
PHP에서 float과 double의 차이점은 무엇입니까? (0) | 2020.08.04 |
Facebook 로그인 메시지 : "URL 차단됨 : 리디렉션 URI가 앱의 클라이언트 OAuth 설정에 허용되지 않기 때문에이 리디렉션에 실패했습니다." (0) | 2020.08.04 |
장고를위한 최고의 AJAX 라이브러리는 무엇입니까? (0) | 2020.08.04 |
“./configure”옵션“--build”,“--host”및“--target”의 차이점은 무엇입니까? (0) | 2020.08.04 |