`@import`를 사용하여 일반 CSS 파일을 SCSS로 가져올 수 있나요?

@import를 사용하여 SCSS에서 일반 CSS 파일 가져오기

많은 개발자는 이름을 바꿀 필요 없이 SCSS의 결합 및 압축 기능을 원합니다. 모든 파일을 *.scss로 저장합니다. 이 문제를 해결하려면 @import 명령을 사용하여 일반 CSS 파일을 SCSS로 가져오는 것이 가능합니까?

답변

처음에는 이 접근 방식이 문제에 직면했습니다. 커뮤니티에 혼란을 야기합니다. 그러나 2014년 12월 현재 이 문제는 GitHub 풀 요청을 통해 해결되었습니다.

CSS 파일을 SCSS로 직접 가져오기 위해 업데이트된 구문은 @import "your/path/to/the/file"입니다. 파일 이름 뒤에 오는 파일 확장자. 이렇게 하면 파일을 직접 가져옵니다.

*.css 확장자가 추가되면 CSS 규칙 @import url(...)로 변환됩니다.

webpack과 같은 모듈 번들러의 경우 경로 시작 부분에 ~를 사용하는 것이 좋습니다. node_modules/bootstrap/src/core.scss 파일을 가져오려면 @import "~bootstrap/src/core"를 사용하면 됩니다.

중요 사항

주목할 가치가 있습니다. 이 솔루션이 모든 사람에게 적용되지는 않을 수도 있습니다. 통역사가 libsass를 기반으로 하는 경우 예상대로 작동해야 합니다. 반면에 node-sass에서는 작동하는 것으로 밝혀졌지만 특정 Ruby 인스턴스에서는 작동하지 않을 수 있습니다.

위 내용은 `@import`를 사용하여 일반 CSS 파일을 SCSS로 가져올 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!