Angular2クイックスタート：新しいnpmパッケージをどのように含める必要がありますか？

Question

私は、angle2クイックスタートレポ：https://github.com/angular/quickstartを複製して環境をセットアップしました。新しいパッケージをsystem.config.jsファイルに追加した後、アプリケーションは実行されますが、 "npm test"は失敗しました。 systemjs.config.extras.jsという名前の空のファイルがあることに気付きました。そこにコードを追加する必要がありますか？

質問：「npm start」と「npm test」の両方が通過できるように、angular2クイックスタートサンプルに新しいnpmパッケージを追加する方法はありますか？

Answer 1

私はsystem.config.jsファイルに新しいパッケージを追加した後、アプリが実行されますが、「NPMのテストは、」私はあなたがカルマを使用していると仮定してい

に失敗しました。あなたがしなければならないのは、karma.conf.jsファイルのfiles配列にサードパーティのlibを追加することです。

カルマがサーバを起動し、filesアレイにリストされているすべてのファイルを、サーバが提供できるファイルのリストに追加するということです。したがって、SystemJSがファイルをロードしようとすると、ファイルがカルマfilesにない場合、そのファイルはサーバ上に存在しません。 SystemJSからそのファイルを取得しようとすると、404が表示されます。

Answer 2

angular2を使用することをお勧めします。その後、あなたは

ng new your-new-project-name 

で新しいangular2プロジェクトを作成することができ、最終的にこれに従うことによって新しいグローバル依存関係を追加するために、コマンドで

npm install -g angular-cli 

を角度-CLIをインストールする必要があり、新しいプロジェクトを作成するには ガイド（https://github.com/angular/angular-cli#global-library-installation）。私はブートストラップのためにここにコンテンツを再現します。

npm install bootstrap@next 

次にagular-cli.jsonファイルにapps[0].scriptのに必要なスクリプトファイルを追加します。

"scripts": [ 
    "../node_modules/jquery/dist/jquery.js", 
    "../node_modules/tether/dist/js/tether.js", 
    "../node_modules/bootstrap/dist/js/bootstrap.js" 
], 

最後にagular-cli.jsonでapps[0].styles配列にブートストラップCSSを追加します。

"styles": [ 
    "../node_modules/bootstrap/dist/css/bootstrap.css", 
    "styles.css" 
], 

最後にデプロイすることができますngを使用するアプリケーションは、新しく作成されたプロジェクトのルートから提供されます。