IonicプロジェクトのGSAP

Question

GSAPライブラリをIonicプロジェクトにインポートするにはどうすればいいですか？ただ、NPM私は

import { TweenMax, TimelineMax} from "gsap"; 

私はtypescriptですを使用してインポートするときに動作しないGSAPをインストールを使用。 おかげ

Answer 1

典型的な輸入

import {TweenMax, Power2, TimelineLite} from "gsap"; 

についてTweenMax

import Draggable from "gsap/Draggable"; 
import ScrollToPlugin from "gsap/ScrollToPlugin"; 

内部に含まれていない部品を得るより多くの情報 - あなたは必要ありません

https://www.npmjs.com/package/gsap#npm

Answer 2

そのための入力。

1. このようなあなたのsrc/index.htmlファイルでインクルードファイルを使用すると、

2. assets/javascriptsで使用するGSAPライブラリを置く：私はいくつかのプロジェクト（それらのすべて活字体）でそれを使用しました

   <script src="assets/javascripts/TweenMax.min.js"></script>右あなたの輸入後

3. 、（あなたがそれらを使用するすべてのビューで）このようなGSAPオブジェクト宣言：

   を通常のような

4. 用途：

   ... 
   ionViewDidLoad(){ 
       TweenMax.from(".logo", .5, { 
       opacity: 0, 
       y: -72, 
       ease: Power1.easeOut 
       }); 
   } 
   ...