ScrollMagic.js를 AMD 모듈로 사용

Question

ScrollMagic JS 플러그인을 AMD 모듈로 사용하여 어떻게 requirejs과 함께 사용할 수 있습니까?

온라인에 대한 참조를 찾을 수 없으며 ScrollMagic 코드를 보면 AMD 모듈로로드하는 것처럼 보이지 않습니다.

이 모듈의 끝에서 window 수준이 개 변수를 정의 않습니다

window.ScrollScene = ScrollScene; 
window.ScrollMagic = ScrollMagic; 

는 그래서 내가 두 변수를 수출해야하기 때문에 간단한 shim은하지 않을 것으로 보인다. 그걸 내보낼 방법이 있니?

아이디어가 있으십니까?

감사합니다.

Answer 1

나는 저에게 효과가있는 것을 발견했습니다. 약간의 해결 방법이지만 트릭입니다. requirejs의 shim 구성

내가 사용

shim: { 
    'scrollmagic': { 
     deps:['jquery', 'TweenMax'], 
     exports: 'ScrollMagic', 
     init: function() { 
      return {ScrollMagic: ScrollMagic, 
        ScrollScene: ScrollScene}; 
     } 
    } 
} 

이 ScrollMagic뿐만 아니라 GSAP TweenMax 라이브러리가로드되기 위해 jQuery을 필요로한다는 사실을 만족하여야한다.

shim의 init 함수를 사용하고 두 변수를 반환하면 트릭이 발생합니다. = == 편집

...이 미래에 누군가가 도움이 될 것으로 기대

define(['scrollmagic'], function(scrollmagic) { 
    var magic = new scrollmagic.ScrollMagic(); 
    var scene = new scrollmagic.ScrollScene({duration: 200}); 
}); 

: -

하지만

이는 ScrollMagic 플러그인을 사용하여 하나 (예)를 사용한다는 것을 의미 =

ScrollMagic 1.3은 이제 AMD 패턴을 지원하므로이 모든 것이 필요하지 않습니다.