2010-12-31 9 views
32

plugins.js에 추가 js 파일을 어떻게 포함시킬 예정입니까? 우리는 단지 각 플러그인의 내용을 복사하여 붙여 넣기를 기대합니까? 아니면 사용해야하는 js include를 수행하는 방법이 있습니까?HTML5 상용구 plugins.js

특히, 나는이 함수 내에서 이동의 예를보고 싶습니다

html5boilerplate의 섹션이 /가 갈 수 있어야 무엇의 약자의 종류 즉
// remap jQuery to $ 
(function($){ 

})(this.jQuery); 
+0

여기에 따라야 할 좋은 보일러판이 있습니다. http://www.websanova.com/tutorials/jquery/jquery-plugin-development-boilerplate – ROb

답변

33

.

당신이 접근 할 수있는 몇 가지 방법을 plugins.js :

  1. 이이 고통 (이를 무시하고 JS의 모든 별도의 파일 (바람직하지 않은) 플러그인 수동
  2. 을 포함 연결할 및 플러그인 파일을 축소하세요
  3. 그들 (과에서 캐시 IT) 연결하는 스크립트를 사용)을 유지하기 위해 실행 시간 (like this)
  4. 를 사용하여 연결할 수있는 메이크/닌자처럼 압축 (like this)
  5. yepnope.js과 같은 매끄러운 JS 라이브러리를 사용하여 필요에 따라 비동기 적으로 플러그인 파일을로드하십시오.

JS 플러그인을 포함하는 데는 여러 가지 옵션이 있습니다. 물론 스스로를 저울질해야 할 것입니다. 당신은 코드가 포장의 블록을 볼 수 있습니다

(function($){ 
    // This is a wrapper for your jQuery stuff 
})(this.jQuery); 

: 나는 당신이 준 코드의 코드에서 어떤 일이 일어나는지에 관해서는 5

를 사용하여 시작해야하지만 나는 보통, 옵션 3 또는 4를 사용 많은 jQuery 플러그인 (체크 the docs). jQuery 호환 모드에서 사이트를 유지하면서 $을 사용할 수 있도록 jQuery 관련 코드를 래핑하는 데 사용할 수 있습니다. $을 사용할 수있는 다른 라이브러리에서도 사이트를 잘 재생할 수 있습니다.

+0

그래, 플러그인의 목적은 그냥 장소가 있다고 생각합니다. 여기서 전역 네임 스페이스를 폴링하지 않도록 jQuery 플러그인 코드를 넣는다. – Gabriel

+5

그래서 "mylibs"디렉토리의 요점은 무엇입니까? H5B가 jQuery 플러그인을 사용하여 더 좋은 예제를 제공하는 방법에 대해 자세히 설명하지 않은 것에 놀랐습니다. – Cofey

+1

borkweb의 의견입니다. [FAQs] (https://github.com/paulirish/html5-boilerplate/wiki/FAQs)에서도이 내용을 다룹니다. –

관련 문제