2017-01-06 12 views
2

Документация на angular.io для webpacks (https://angular.io/docs/ts/latest/guide/webpack.html) отделяет код приложения от модулей кода поставщика, чтобы создать два отдельных пакета. Она включает в себя следующее в файле vendor.ts -Какова цель и что должно быть включено в файл vendor.ts для Angular2 w/webpacks?

// 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, находятся в файле vendor.ts (за исключением "@angular/compiler", "@angular/forms", "core-js", and "zone.js"). Ответ на вопрос заголовка, который поможет мне понять, почему большинство, но не все зависимости в файле vendor.ts, были бы оценены. Кроме того, по мере того, как мой проект растет, как я узнаю, есть ли зависимость в пакете. json следует добавить в файл vendor.ts?

ответ

1

Поскольку эти зависимости используются главным образом во многих конфигурациях приложений. Вы можете выбрать любую зависимость для любого фрагмента. Плагин chunk позволяет вам отделять зависимости от кода приложения и строить модульным способом.

Если вы добавите новую зависимость к vendor.ts, она будет там, иначе она перейдет в другой кусок.

+0

Спасибо! Будет ли что-то неправильно с включением всех зависимостей в package.json? –

+0

Зависимости устанавливаются с помощью 'package.json', и они должны быть там. Но зависимости вашего приложения фактически вычисляются с помощью webpack. Все они перейдут к одному блоку 'bundle.js', если вы не будете использовать плагин chunk в конфиге. –