2013-09-26 4 views
3

브랜치를 Backbone.js 앱용으로 스타일러스를 컴파일하고 순서를 조작하는 방법을 알 수없는 것 같습니다. 나는 the documentation을 읽었지만 더 이상 얻을 수 없었습니다. 파일은 항상 알파벳순으로 연결되며, 더 나쁜 것은 지정된 스타일러스 파일에서 @import 명령을 사용하면 해당 파일이 내가 추가 한 위치와 사전 순으로 표시되는 위치가 연결될 것입니다.브런치의 스타일러스 파일 연결 순서 변경하기

내 config.coffee 파일은 다음과 같습니다 :

stylesheets: 
    joinTo: 
    'assets/stylesheets/app.css' 
    order: 
    before: [ 
     'vendor/styles/bootstrap.less' 
    ] 
    after: [ 
     'vendor/styles/helpers.css' 
    ] 

내 폴더 구조는 다음과 같습니다

|__details.styl 
|__footer.styl 
|__global.styl 
|__header.styl 

어떻게 난 할 수 있습니까

  1. 생략 특정 파일 수동으로 가져 오기?
  2. 내 파일 순서를 지정하십시오. 글로벌, 세부 정보, 헤더, 바닥 글?

나는

order: 
    before: [ 
     'app/styles/global' 
     'vendor/styles/bootstrap.less' 
    ] 

을 시도하여 설정 파일의 순서를 변경하려고했지만이 변화가 굴복하지 않습니다.

파일 이름을 a_globalz_footer과 같이 바꿀 수는 있지만 분명히 해킹 일뿐 아니라 파일 누락 문제도 해결되지 않습니다. 또한 stylus index import 능력을 활용하여 스타일을 더 잘 구성 할 수 있습니다. 그러나 필자가 스타일러스 관점에서 작업하는 동안이 파일을 부모 디렉토리의 사전 순으로 app.css에 연결합니다.

답변

2

_으로 시작하는 파일은 컴파일러에서 무시됩니다.

의미

, 당신은 당신의 주요 스타일러스 파일에

@import _first 
@import _second 
@import _third 

을 할 수 _first 등은 한 번만 결과에 추가됩니다.

+0

폴 감사합니다. 이것은 확실히 내 문제를 해결합니다. – dinocarl