Question

我正在使用AngularCLI（webpack版本）开发Angular2应用程序。我有一个第三方插件（ScrollMagic），它本身有自己的一组可选插件。我已经安装了ScrollMagic代码库，它位于node_modules中。我可以使用以下语法将ScrollMagic加载到我的页面中：

let ScrollMagic = require("ScrollMagic");

这似乎可以进入node_modules并加载ScrollMagic，我可以让第三方插件工作。

ScrollMagic有一个用于调试的自己的插件（ScrollMagic / plugins / debug.addIndicators.min.js）。我很难加载这个插件。我尝试过以下方法：

require("ScrollMagic/plugins/debug.addIndicators.min.js");

并且无法找到该插件。

我使用AngularCLI所以我尝试将debug.addIndicators.min.js添加到＆＃34;脚本＆＃34; angular-cli.json的一部分。这会将debug.addIndicators.min.js加载到全局空间中，但ScrollMagic本身似乎无法识别它（此时，我仍然使用let ScrollMagic = require（＆＃34; ScrollMagic＆＃34;） ;加载ScrollMagic本身。）

然后我尝试在＆＃34;脚本＆＃34;中正确加载ScrollMagic。 angular-cli.json的一部分。这会在全局空间中加载SCrollMagic，但是我必须删除让ScrollMagic = require（＆＃34; ScrollMagic＆＃34;）＆＃39;从代码库，否则ScrollMagic被加载两次。我设置让ScrollMagic：任何让TypeScript不抱怨，但是ScrollMagic永远不会被正确实例化。

我在这里缺少什么？我可以让ScrollMagic在没有调试工具的情况下工作，这是我想用于生产的，但是我无法为开发目的调试它。

提前感谢您的帮助。

Answer 1

好的我明白了。这就是我所做的。

在angular-cli.json中我把它添加到脚本中：

{{1}}

现在当我编写我的组件时，我只是像普通一样使用scrollmagic，我有指标和滚动事件。

Angular2如何使用AngularCLI添加第三方插件（webpack）

1 个答案: