Javascript 使用ScrollMagic.js作为AMD模块
例如,如何使用优秀的JS插件作为AMD模块与Javascript 使用ScrollMagic.js作为AMD模块,javascript,requirejs,amd,scrollmagic,Javascript,Requirejs,Amd,Scrollmagic,例如,如何使用优秀的JS插件作为AMD模块与requirejs一起使用 我在网上找不到这方面的任何参考资料,并且查看了ScrollMagic的代码,它似乎不像AMD模块那样加载 它在模块末尾的窗口中定义了两个变量: window.ScrollScene = ScrollScene; window.ScrollMagic = ScrollMagic; 因此,一个简单的垫片似乎不行,因为我需要导出两个变量。有办法出口吗 有什么想法吗 谢谢 我找到了一些适合我的东西,这是一个小小的改变,但它确实起到
requirejs
一起使用
我在网上找不到这方面的任何参考资料,并且查看了ScrollMagic
的代码,它似乎不像AMD模块那样加载
它在模块末尾的窗口中定义了两个变量:
window.ScrollScene = ScrollScene;
window.ScrollMagic = ScrollMagic;
因此,一个简单的垫片似乎不行,因为我需要导出两个变量。有办法出口吗
有什么想法吗
谢谢 我找到了一些适合我的东西,这是一个小小的改变,但它确实起到了作用
在requirejs
的shim
配置中,我使用:
shim: {
'scrollmagic': {
deps:['jquery', 'TweenMax'],
exports: 'ScrollMagic',
init: function() {
return {ScrollMagic: ScrollMagic,
ScrollScene: ScrollScene};
}
}
}
这是为了符合ScrollMagic
要求加载jQuery
以及GSAP-TweenMax
库的事实
事实证明,使用shim
的init
函数,然后返回两个变量,就可以实现这一点
但是-这意味着对于使用ScrollMagic
插件,应该使用(示例):
希望这能对将来的人有所帮助
=编辑==
ScrollMagic 1.3现在支持AMD模式,因此所有这些都是不必要的
define(['scrollmagic'], function(scrollmagic) {
var magic = new scrollmagic.ScrollMagic();
var scene = new scrollmagic.ScrollScene({duration: 200});
});