Ionic项目中的GSAP

Question

如何将GSAP库导入到Ionic项目中。仅使用npm安装gsap当我导入到

import { TweenMax, TimelineMax} from "gsap";

我用打字本。谢谢

Answer 1

你不需要打字。我在几个项目中使用过它(所有这些项目都是打字稿)：

1. 将要在assets/javascripts中使用的GSAP库放在
2. 将您的文件包括在src/index.html文件中，如下所示： <script src="assets/javascripts/TweenMax.min.js"></script>
3. 在导入之后，像这样声明GSAP对象(在您将要使用的所有视图中)：/*这里的普通导入。*/导入{ LoginPage }从“.. /登录/登录”；声明var TimelineMax: any；宣告var TweenMax: any；声明var Power1: any；@Component({ selector：'page-profile'，templateUrl：'profile.html'，providers: Data，Api，DatePipe })导出类ProfilePage {.
4. 像正常一样使用： ..。ionViewDidLoad(){ TweenMax.from(".logo"，.5，{不透明度: 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