2017-01-06 23 views
2

webpacks的angular.io文檔(https://angular.io/docs/ts/latest/guide/webpack.html)將應用程序代碼與供應商代碼模塊分開以創建兩個獨立的軟件包。它包括在vendor.ts文件中的下列 -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?如果是這樣,令人困惑的是package.json中列出的許多但不是所有的依賴項均位於​​文件中("@angular/compiler", "@angular/forms", "core-js", and "zone.js"除外)。對標題問題的回答可以幫助我理解爲什麼導入vendor.ts文件中的大多數(但不是全部)依賴項的原因。另外,隨着我​​的項目的增長,我將如何知道包中的依賴關係。 json應該添加到​​文件中?

回答

1

因爲這些依賴性主要用於許多應用程序配置。你可以選擇任何依賴到任何塊。該塊插件允許您將應用程序代碼中的依賴關係分開並以模塊化方式構建。

如果您添加一個新的依賴關係到​​那麼它將在那裏,否則它將轉到另一個塊。

+0

謝謝!那麼在package.json中包含所有的依賴關係會有什麼問題嗎? –

+0

依賴關係使用'package.json'安裝,它們應該在那裏。但實際上由webpack計算的應用程序的依賴關係。如果你不在配置中使用chunk插件,它們都會轉到一個塊'bundle.js'。 –

相關問題