Angular2 2.4 angular2にアンダースコアなどの外部ライブラリのsushをロードする方法。

Question

私は、角度-CLIでアプリを作成して、私はアンダースコアなどの外部ライブラリをインポートする必要があります。私は2.4の新機能を使用していますが、以前はSystemJSやWebpackを使用していませんでした。誰かが私の角度2.4プロジェクトにアンダースコアをロードする方法をステップバイステップで教えてくれますか？アンダースコアと角度-cliの「最新版」で作成したプロジェクトとgithubのに

リンクは私がスーパー幸せになるだろう。コードを読むことはいいです;次の----）

ちょうど私が混乱して作るかを説明することです------

私の研究から、私は、モジュールをロードするための2の選択肢を発見しました。

1. SystemJS - ほとんどangular.io
2. のWebPACKで文書化 - 角度-CLIが使用しているものです。 1を使用するのが最善である

？

//package.json "name": "angular", "version": "0.0.0", "license": "MIT", "angular-cli": {}, "scripts": { "ng": "ng", "start": "ng serve", "test": "ng test", "pree2e": "webdriver-manager update --standalone false --gecko false", "e2e": "protractor" }

CLIは、スクリプトタグに "NG奉仕" への参照を作成します。私はその行を削除し、それをwebpackに置き換えるべきですか？

...もしそうなら。すでに設定したすべての設定をマイナスに設定する必要がありますか、それとも単に設定を上に追加する方が簡単ですか？コンポーネントでAngular CLI

npm install underscore --save // save to dependencies: required to run 
npm install @types/underscore --save-dev // save to dev dependencies: required in dev mode 

について：

Answer 1

を実行

import * as _ from 'underscore'; 

let rs = _.map([1, 2, 3], function(num){ return num * 3; }); 
console.log(rs); 

Answer 2

ちょうど次のコマンドを使用してnpm install --save underscore @types/underscore

Answer 3

アンダースコアを使用するには、タイプをインポートする必要があるので、typescriptですコンパイラを約知っていますそれ。

npm install --save underscore @types/underscore 

第二に、アンダー1.6のように：下線は現在AMD（Require.js）、バウアーと コンポーネントのために自身を登録し、ならびにCommonJSモジュールと通常 （ジャワある

）スクリプト。醜さですが、おそらく必要なものです。

したがって、AMDまたはCommonJSと互換性のあるモジュールローダーを使用する必要があります。 SystemJSは、事実上あらゆる形式を読み込むことができますので、あなたのTSconfigのファイルにSystemJSとターゲット「commonjs」を使用することができます。

あなたはsystemjs.config.jsのマップが含まれていることを確認します（index.htmlをからスクリプトが含まれません）：実行するコマンドを提供する場合

map: { 'underscore': 'npm:underscore/underscore.js' }