Require.js를 사용하여 특정 페이지에 특정 스크립트를로드하는 방법은 무엇입니까?

Question

Jekyll 다중 페이지 HTML 프로젝트를 개발 중이며 홈 페이지에 jQuery + Carousel js 파일을로드하려고하지만 연락처 페이지에는 jQuery js 파일 만로드하려고합니다. Require.js를 사용하여 어떻게 처리 할 수 ​​있습니까?

Answer 1

Jekyll을 사용하여 JS를 사용하는 대신 포함되는 스크립트를 결정하여보다 효율적으로 수행 할 수 있습니다.

로드 할 스크립트를 지정하려면 페이지 별 변수 (예 : scripts)를 사용할 수 있습니다.

--- 
scripts: 
- jquery 
- carousel 
--- 

을 그리고 연락처 페이지를 들면, 당신은 것입니다 :

홈 페이지를 참조

, 당신이 가진 것

는 <script> 태그를 추가하고 다음

--- 
scripts 
- jquery 
--- 

, scripts 변수를 반복하고 각 항목에 대해 태그를 출력하십시오. 이 예에서

{% for script in page.scripts %} 
    <script src="/vendor/js/{{ script }}.js"></script> 
{% endfor %} 

는 스크립트 /vendor/js/jquery.js 및 /vendor/js/carousel.js에 저장된다. 물론 스크립트 태그의 폴더 경로 또는 scripts 변수의 파일 이름을 변경할 수 있습니다.