角2/4 -如何使用Gsap安装ScrollMagic？

Question

我有一个简单的问题：

如何正确使用角-cli应用程序，ScrollMagic和Gsap？

我所做的：

npm install ScrollMagic

npm install gsap

中的角-cli.json：

"scripts": [
  "../node_modules/gsap/src/uncompressed/tweenmax.js",
  "../node_modules/scrollmagic/scrollmagic/uncompressed/ScrollMagic.js",
  "../node_modules/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js",
  "../node_modules/scrollmagic/scrollmagic/uncompressed/plugins/debug.addindicators.js"
],

在我的部分：

import {TweenLite, Power2, TimelineMax, TweenMax} from "gsap";
import * as ScrollMagic from 'ScrollMagic';
import * as $ from 'jquery';
import 'scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap';
import "scrollMagic/scrollmagic/minified/plugins/debug.addIndicators.min.js";

但这不管用。我犯了个错误。

有人已经在他的角2应用程序上安装了插件吗？

谢谢。

Answer 1

我通过在组件顶部包含以下代码来实现这一点：

declare let ScrollMagic: any;
declare let TweenMax: any;

这让我们TypeScript知道，您使用的是一个全局变量。添加此代码后，可以从组件中删除相关导入。确保您的脚本保持在您的角-cli.json，您在正确的轨道上！如果需要引用任何其他全局变量，则可以使用相同的方法进行引用。