Angular2 AngularCLI（webpack）を使用してサードパーティのプラグインを追加する方法

Question

AngularCLI（webpackバージョン）を使用してAngular2アプリを開発しています。私はサードパーティのプラグイン（ScrollMagic）を持っています。それ自体にはオプションのプラグインがあります。 ScrollMagicのコードベースをインストールしました。これはnode_modulesにあります。

let ScrollMagic = require("ScrollMagic"); 

これはnode_modulesと負荷ScrollMagicに到達するために表示され、私は、サードパーティのプラグインが動作するように取得することができます：私は、次の構文を使用して、私のページにScrollMagicを読み込むことができます。

ScrollMagicには、デバッグに使用する独自のプラグイン（ScrollMagic/plugins/debug.addIndicators.min.js）があります。このプラグインを読み込むのが難しいです。私は以下を試しました：

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

プラグインが見つかりません。

私はAngularCLIを使用していますので、debug.addIndicators.min.jsをangular-cli.jsonの "scripts"セクションに追加しようとしました。これにより、debug.addIndicators.min.jsがグローバルスペースにロードされますが、ScrollMagic自体はそれを認識していないようです（この時点で、私はまだScrollMagic = require（ "ScrollMagic"）;を使用してScrollMagic自体を読み込みます）。

次に、angular-cli.jsonの "scripts"セクションに適切なScrollMagicを読み込もうとしました。これにより、グローバル空間にSCrollMagicがロードされますが、 'ScrollMagic = require（ "ScrollMagic"）'をコードベースから削除する必要があります。それ以外の場合、ScrollMagicは2回ロードされます。 let ScrollMagic：anyはTypeScriptを不平にしないようにしていますが、ScrollMagicは決して正しくインスタンス化されません。

私はここで何が欠けていますか？私はScrollMagicをプロダクション用にデバッグツールなしで動作させることができますが、開発目的でデバッグすることはできません。

ご協力いただきありがとうございます。

Answer 1

私はそれを理解しました。これは私がやったことです。アンギュラcli.jsonで

私はスクリプトにこれを追加しました：私は私のコンポーネントを作成するとき

 "scripts": [ 
    "../node_modules/gsap/src/minified/TweenMax.min.js", 
    "../node_modules/scrollmagic/scrollmagic/minified/ScrollMagic.min.js", 
    "../node_modules/scrollmagic/scrollmagic/minified/plugins/animation.gsap.min.js", 
    "../node_modules/scrollmagic/scrollmagic/minified/plugins/debug.addIndicators.min.js" 
    ], 

は、今私は、通常のようにscrollmagicを使用して、私は、指標とスクロールイベントがあります。