angular2-cli で作成されたプロジェクトでは、グローバル javascript スコープで使用できるサード パーツの javascript ライブラリを使用する必要があります (たとえば、tween.js ライブラリの TWEEN 名前空間)。
js ライブラリをグローバルとしてインストールするためのangular-cli ガイドに従って、npm でインストールし、angular-cli.json ファイルの「scripts」配列にライブラリ スクリプトを追加しました。
"scripts": [
"../node_modules/tween.js/src/Tween.js"
],
angular コンポーネントでグローバル TWEEN 名前空間を使用するために、次のように、ファイルの先頭で定数変数として宣言しました。
import { Component, OnInit } from '@angular/core';
declare const TWEEN: any;
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
title = 'app works!';
constructor() { }
ngOnInit() {
let tween = new TWEEN.Tween({x: 0}).to({x: 1}, 2000);
// ..
}
}
これは機能しますが、問題は、この方法で第 3 部分のライブラリのいずれに対してもインテリセンスを取得できないことです (私は WebStorm を使用しています)。インテリセンスを機能させるためにできることはありますか? または、angular 2 ワークフローでサードパーティの JavaScript ライブラリをインポートするより良い方法はありますか?