如何使用优秀的ScrollMagic JS插件作为AMD模块与requirejs
一起使用?
我在网上找不到任何引用,并查看ScrollMagic
的代码,它似乎并不像AMD模块一样加载。
它确定了模块末尾window
级别的2个变量:
window.ScrollScene = ScrollScene;
window.ScrollMagic = ScrollMagic;
所以似乎一个简单的shim
不会这样做,因为我需要导出两个变量。有没有办法出口呢?
有什么想法吗?
谢谢!
答案 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模式,所以这一切都是不必要的。