2011-12-19 3 views
0

기본적으로 (적어도 스캐 폴딩을 사용하여) 레일스는 /app/assets/stylesheets 디렉토리의 모든 스타일 시트에 대한 링크를 추가합니다. 조직을 위해 여러 개의 작은 스타일 시트를 갖고 싶지만 체계적으로 유지하면서도 HTTP 요청을 최소화하기 위해 나머지를 가져 오는 스타일로만 연결하면됩니다.레일즈에서 스타일 시트 자동 링크를 멈추게하려면 어떻게해야합니까?

자산 파이프 라인을 구성하거나 레이아웃 자체에 포함되는 방식을 변경하여이 자동 포함을 사용 중지하는 방법이 있습니까?

FWIW, stylesheet_link_tag "application"을 사용하는 application.html.haml의 주요 스타일 시트를 포함합니다.

답변

4

application.css (.scss) 파일을 수정하여이 작업을 수행 할 수 있습니다.

require_tree . 

단순히 그것을 제거하고 당신이 필요로 포함로 교체 :

해당 파일에서 다음 줄이있을 것이다.

application.css

require file1 
require nested/folders/file2 

그럼 당신은 다른 파일

main.css가

require file2 
require file3 

을 가질 수 있습니다 그들 별도로 포함

stylesheet_link_tag "application" 
stylesheet_link_tag "main" 

CSS를 별도의 HTTP 요청을 사용하여 같은 위치에로드하려는 경우에도 stylesheet_link_tag에서 배열을 사용할 수 있습니다.

stylesheet_link_tag ["application", "main"] 

필요로하는 파일의 이름은 manifest files입니다.