40452


TimelineMaxやTweenLiteは使えているのですが、同じようにしてもTweenMaxが使えません。

webpack.config.jsではresolveのaliasで以下のように設定しています。

[code]

    alias: {
        TweenLite: 'gsap/src/uncompressed/TweenLite.js',
        TweenMax: 'gsap/src/uncompressed/TweenMax.js',
        TimelineLite: 'gsap/src/uncompressed/TimelineLite.js',
        TimelineMax: 'gsap/src/uncompressed/TimelineMax.js',
        EasePack: 'gsap/src/uncompressed/easing/EasePack.js',
        ScrollToPlugin: 'gsap/src/uncompressed/plugins/ScrollToPlugin.js'
    },
    
[/code]

tsファイルでは以下のようにimportしています。

[code]

    import TweenMax = require('TweenMax');
    
[/code]

ただ、`console.log(TweenMax)`としても空のobjectが返ってきており、  
当然`TweenMax.to()`などはそんなfunctionは存在しないとerrorがでます。

<https://github.com/greensock/GreenSock-JS/issues/91#issuecomment-148332900>  
この人と同じように以下のようにしても空のobjectが返ってくることに変化なく。。

[code]

    plugins: [ 
    new webpack.ProvidePlugin({TweenMax: "TweenMax"})
    ]
    
[/code]

読み込んでいるGSAPのnpm packageは 1.18.2です。  
webpackは1.12.14  
typescriptは1.8.7

webpackでのTweenMaxの使用方法ご教示いただければ幸いです。

あわせて、  
EasePackはTweenMaxがimportできれば使えると思っていますがまちがいないでしょうか？  
また、ScrollToPluginも使用したいのですが、これはどのようにimportすればいいでしょうか。


CC BY-SA 3.0
2016-03-27T14:05:40.167
23510
2017-12-21T13:52:29.947
2016-03-27T15:27:33.273
3131
3131
question
javascript typescript webpack
webpackでのTweenMax、EasePackの使い方（typescriptを使用）


自己解決した内容ですが、gsapがwebpackに対応したためです  
こちらを参照してください。  
[Best way to use GSAP with
Webpack](https://greensock.com/forums/topic/16676-best-way-to-use-gsap-with-
webpack/?tab=comments#comment-73795)

私の方法が悪いのかもしれませんがScrollToPluginのみimportができないのでこのコメントのようにaliasを設定しています。  
[GSAP & NPM/Webpack `import` for ScrollToPlugin  
](https://greensock.com/forums/topic/14873-gsap-npmwebpack-import-for-
scrolltoplugin/?tab=comments#comment-63993)


CC BY-SA 3.0
2017-12-21T13:52:29.947
40452
2017-12-21T13:52:29.947
3131
23510
answer