Angular2 w / webpacks的vendor.ts文件的目的和内容是什么?

时间:2017-01-06 22:01:52

标签: angular webpack package.json vendor

webpacks(https://angular.io/docs/ts/latest/guide/webpack.html)的angular.io文档将应用程序代码与供应商代码模块分开,以创建两个单独的包。它包含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中列出的许多(但并非所有)依赖项都在vendor.ts文件中("@angular/compiler", "@angular/forms", "core-js", and "zone.js"除外)。标题问题的答案将有助于我理解为什么导入vendor.ts文件中的大部分但不是所有依赖项都将被理解。此外,随着我​​的项目的增长,我将如何知道包中的依赖项。应该将json添加到vendor.ts文件中吗?

1 个答案:

答案 0 :(得分:1)

因为这些依赖项主要用于许多应用程序配置中。您可以选择任何依赖于任何块。 chunk插件允许您将依赖项与应用程序代码分开,并以模块化方式构建。

如果你向vendor.ts添加一个新的依赖项,那么它就会在那里,否则它会转到另一个块。