1

たとえば、優れたScrollMagic JS プラグインを AMD モジュールとして使用するにはどうすればよいrequirejsでしょうか?

そのオンラインへの参照が見つかりませんでした。そのコードを見るとScrollMagic、AMD モジュールとしてロードされているようには見えません。

windowモジュールの最後のレベルで2 つの変数を定義します。

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

2 つの変数をエクスポートする必要があるため、単純な方法でshimはうまくいかないようです。それをエクスポートする方法はありますか？

何か案は？

ありがとう！

4

1 に答える 1

2

私は自分に合ったものを見つけました。それはちょっとした回避策ですが、うまくいきます。

私が使用するshim構成でrequirejsは：

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

これは、ライブラリをロードScrollMagicする必要があるという事実に準拠するためです。jQueryGSAP TweenMax

initの関数を使用してからshim2 つの変数を返すと、うまくいくことがわかります。

しかし - これは、ScrollMagicプラグインを使用するために使用する必要があることを意味します (例):

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

これが将来誰かに役立つことを願って...

==編集==

ScrollMagic 1.3 は AMD パターンをサポートするようになったので、これはすべて不要です。

于 2014-09-16T13:15:36.670 に答える