HTML5Boilerplate js 구조

Question

누군가가 HTML5Boilerplate js 디렉토리의 의도 된 목적을 이해할 수 있는지 궁금합니다. main.js는 필자가 작성한 모든 사이트 별 javascript를 배치 할 것으로 예상되는 곳입니다. Plugins.js는 사용 된 모든 jQuery 플러그인을 배치 할 곳입니다. main.js와 plugins.js는 모두 빌드 프로세스에 의해 연결되고 축소됩니다. Vendor.js는 자바 스크립트 라이브러리를 보유하고 있습니다. 이 디렉토리는 축소되고 (이미 축소되지 않은 경우) 연결되지 않습니다.

이것이 사실이라면, 제 질문은 어디에 모듈러 구조가있는 귀여운 슬라이더 같은 것이 있어야합니까? 나는 그것이 축소되고 연결되기를 원한다고 생각하고 있으므로 벤더 디렉토리에 들어가서는 안된다. 나는 cuteslider의 자바 스크립트를 main.js 나 plugins.js에 추가 할 수 있다고 믿지 않는다. 모듈 구조를 파괴하지 않는다. 내가 새 디렉토리를 만들고 cuteslider 코드를 유지하고 빌드 코드를 수정하여 연결 한 다음 응용 프로그램과 같이 호출해야합니까? 여기

는 플러그인으로 cuteslider 고려해야 할 cuteslider의 코드 구조

cute 
    cute.2d.module.js 
    cute.canvas.module.js 
    cute.css3d.module.js 
    cute.gallery.plugin.js 
    cute.slider.js 
    cute.transitions.all.js 

Answer 1

최초의 조각입니다.

은 ( cute.slider.js, cute.transitions.all.js 및 respond.min.js)을 plugins.js에서 작동하는 플러그인을 만들기 위해 필요한 파일을 추가합니다.

그런 다음 main.js 파일에서만 설정해야

$(document).ready(function() { 
     // code here to load cuteslider 
}); 

로 main.js에서 귀하의 페이지에 슬라이더를로드 모듈 형 모양을 JS를 추가합니다.