GSAP在离子项目(GSAP in Ionic project)

如何导入GSAP库成离子项目。 刚开始使用NPM安装GSAP当我通过导入不工作

import { TweenMax, TimelineMax} from "gsap";

我用的打字稿。 谢谢

Answer 1:

你不需要分型吧。 我用它在几个项目（全部打字稿的）：

1. 把GSAP库要在使用assets/javascripts

2. 包括您的文件在您src/index.html这样的文件：

   <script src="assets/javascripts/TweenMax.min.js"></script>

3. 你进口后立刻宣布这样的GSAP对象（在各方面的意见，你会使用它们）：

    /* Normal imports here.. */ import { LoginPage } from "../login/login"; declare var TimelineMax: any; declare var TweenMax: any; declare var Power1: any; @Component({ selector: 'page-profile', templateUrl: 'profile.html', providers: [Data, Api, DatePipe] }) export class ProfilePage { ... 

4. 使用像正常：

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

Answer 2:

典型的进口

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

获取不包含内部的部件TweenMax

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

欲获得更多信息-

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

文章来源: GSAP in Ionic project