모든 CSS를 포함하지 않고 @import하는 방법은 @ 대신에 @를 덧붙입니다.

Question

나는 스타일러스를 부트 스트랩 스타일러스와 함께 사용하고 있습니다. 이것은 내가 꿀꺽를 실행 한 후, 나는 완전한 부트 스트랩 CSS가 대상 app.css에 포함되어있는 것을 알 수

@import "../../node_modules/bootstrap-stylus/lib/bootstrap.styl"; 
section 
    @extend .row 

내 app.styl 코드입니다. @extend을 사용하여 .row rule을 동적으로 포함하고 싶습니다. 제가 얻으려고하는 것은 이것입니다 ..

section { //.row rules 
    zoom: 1; 
    margin-left: -20px; 
} 

가능합니까? 내가 뭘 놓치고 있니? SASS로 가능합니까?

Answer 1

AFAIK 스타일러스와 Sass는 특정 파일 선택기 만 가져 오기를 지원하지 않습니다. 가져온 파일을 제어 할 수 있다면 클래스/ID 대신 SASS placeholder selectors을 사용할 수 있습니다. 자리 표시 자 선택자는 기본적으로 아무 것도 렌더링하지 않는 일종의 추상 선택 자입니다. 값 :하지-확장 자리 선택기에서

/* _partial.scss */ 
%some-selector { 
    prop: value; 
} 
%another-selector { 
    prop: value; 
} 

/* main.scss */ 
@import 'partial'; 
.some-class { 
    @extend %some-selector; 
} 

결과는 자리 선택기 `$ 일부 선택기 { 소품이

/* output.css */ 
.some-class { 
    prop: value; 
}