2017-01-06 6 views
2

ウェブパック用のangular.ioドキュメント(https://angular.io/docs/ts/latest/guide/webpack.html)は、アプリケーションコードをベンダーコードモジュールから分離して2つの別々のバンドルを作成します。Angular2 w/webpacksの目的は何ですか?また、vendor.tsファイルには何を含めるべきですか?

// Angular 
import '@angular/platform-browser'; 
import '@angular/platform-browser-dynamic'; 
import '@angular/core'; 
import '@angular/common'; 
import '@angular/http'; 
import '@angular/router'; 

// RxJS 
import 'rxjs'; 

package.jsonに記載されているアプリの依存関係がvendor.tsでなければならないことを推測する私が間違っている - それはvendor.tsファイルに次の内容が含まれ?その場合は、package.jsonに記載されている多くの依存関係が、を除いて​​ファイルに含まれていることが混乱しています。 vendor.tsファイル内のすべての依存関係がインポートされた理由の大部分が理解される理由を理解するのに役立つタイトル質問への回答は高く評価されます。また、私のプロジェクトが成長するにつれて、パッケージの依存性をどうやって知ることができますか? jsonは​​ファイルに追加する必要がありますか?

答えて

1

これらの依存関係は、主に多くのアプリケーション構成で使用されていたためです。どのチャンクにも依存することができます。チャンクプラグインを使用すると、アプリケーションコードから依存関係を分離し、モジュール形式でビルドすることができます。

​​に新しい依存関係を追加すると、それが存在します。そうでない場合、別のチャンクに移動します。

+0

ありがとうございます! package.jsonにすべての依存関係を含めることに何か問題がありますか? –

+0

依存関係は 'package.json'を使ってインストールされます。しかし、あなたのアプリの依存関係は実際にwebpackによって計算されます。 config内でチャンクプラグインを使用しない場合は、すべてが1つのチャンク 'bundle.js'に移動します。 –

関連する問題