我正在使用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添加到"脚本" angular-cli.json的一部分。这会将debug.addIndicators.min.js加载到全局空间中,但ScrollMagic本身似乎无法识别它(此时,我仍然使用let ScrollMagic = require(" ScrollMagic") ;加载ScrollMagic本身。)
然后我尝试在"脚本"中正确加载ScrollMagic。 angular-cli.json的一部分。这会在全局空间中加载SCrollMagic,但是我必须删除让ScrollMagic = require(" ScrollMagic")'从代码库,否则ScrollMagic被加载两次。我设置让ScrollMagic:任何让TypeScript不抱怨,但是ScrollMagic永远不会被正确实例化。
我在这里缺少什么?我可以让ScrollMagic在没有调试工具的情况下工作,这是我想用于生产的,但是我无法为开发目的调试它。
提前感谢您的帮助。
答案 0 :(得分:1)
好的我明白了。这就是我所做的。
在angular-cli.json中我把它添加到脚本中:
{{1}}
现在当我编写我的组件时,我只是像普通一样使用scrollmagic,我有指标和滚动事件。