2011-07-01 2 views
0

Ruby Rails 3.1에서 특정 JS 또는 CSS 파일을 (관습에 따라) 어떻게 포함시킬 수 있습니까? 보기/프로젝트/index.html.erb자바 스크립트 및 CSS 관련 파일, 규칙에 따라 파일을 포함하는 방법은 무엇입니까? Rails 3.1

그리고이 페이지에 대한 특정 자바 스크립트 파일을 포함 할 :

은 내가 볼 수 있습니다. 내가 자산/자바 스크립트/프로젝트 /하는 index.js 다른 뷰에 대한 동일

에 넣어 : 홈/index.html을

덕분에 application.cssapplication.js 파일에서

답변

5

의를 제거해야합니다 줄 \\= require tree.

그런 다음 수동으로 예를 들어 각 매니페스트 파일에 포함 할 모든 CSS/JS 파일을 나열 :

// application.js 
//= global.js 
//= everywhere.js 

을 그리고, 내가 설치 응용 프로그램에 대한 헤더 수율 또는 닫는 body 태그를 것 예를 들어, 특정 뷰에서 다음

%head 
    %title Some Page 
    = stylesheet_link_tag 'application' 
    = yield :stylesheets 

(HAML에서) 레이아웃 파일 _example_partial.html.haml 말,이 작업을 수행 :

- content_for :stylesheets do 
    = stylesheet_link_tag 'example_partial' 

-# the rest of your view goes here 

stylesheet_link_tag 대신 javascript_include_tag을 사용하는 것과 똑같은 일을 Javascript 파일로 수행합니다.

이렇게하면보기 별 javascript/css 페이로드를 쉽고 빠르게 조합 할 수 있습니다. 자산 파이프 라인을 사용하여이를 처리하는 더 복잡한 방법이있을 수 있지만, 자산 파이프 라인이 이미 축소되어 주요 스타일 시트를 병합하면보기 당 +1 종류의 CSS/js 파일로 인해 주요 실적이 타격을 입었습니다. 단일보기로로드되는 수십 개의 개별 파일로 과용하지 않도록하십시오.

+0

이 방법이 프로덕션에서 잘 작동한다는 점은 주목할 가치가 있습니다. 예 : 프로덕션 환경에서 소스를 살펴보면 개별 컨트롤러 자바 스크립트 파일이 기본 application.js 파일과 마찬가지로 적절한 캐시 - 버스 팅 이름을 얻는 것을 알 수 있습니다. cailinanne

+0

현재보기 페이지에 CSS 또는 자바 스크립트 파일이 있는지 확인하는 것이 좋습니다. – David