使用ScrollMagic.js作为AMD模块

时间:2014-09-16 11:44:03

标签: javascript requirejs amd scrollmagic

如何使用优秀的ScrollMagic JS插件作为AMD模块与requirejs一起使用?

我在网上找不到任何引用,并查看ScrollMagic的代码,它似乎并不像AMD模块一样加载。

它确定了模块末尾window级别的2个变量:

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

所以似乎一个简单的shim不会这样做,因为我需要导出两个变量。有没有办法出口呢?

有什么想法吗?

谢谢!

1 个答案:

答案 0 :(得分:2)

我发现了一些对我有用的东西,它只是一点点的解决方法,但它可以解决这个问题。

我使用shim的{​​{1}}配置中的

requirejs

这是为了遵守shim: { 'scrollmagic': { deps:['jquery', 'TweenMax'], exports: 'ScrollMagic', init: function() { return {ScrollMagic: ScrollMagic, ScrollScene: ScrollScene}; } } } 需要ScrollMagic以及jQuery库加载的事实。

事实证明,使用GSAP TweenMax的{​​{1}}函数,然后返回两个变量,就可以了。

但是 - 这意味着使用init插件时应该使用(示例):

shim

希望这将有助于将来某人...

== 修改 ==

ScrollMagic 1.3现在支持AMD模式,所以这一切都是不必要的。