导入 Angular 2 组件的不同方式答案

【问题标题】：Different ways of importing Angular 2 components导入 Angular 2 组件的不同方式
【发布时间】：2017-09-22 19:07:52
【问题描述】：

我看到有两种方法可以在打字稿上导入角度组件文件：

从 'angular2/core' 导入 {Component}；

从'@angular/core'导入{组件，输入}；

我知道这种方式是因为我将它添加到 package.json 依赖项中的方式。

喜欢：

"angular2": "2.0.0-beta.16",

或：

"@angular/compiler": "2.0.0-rc.4",
"@angular/core": "2.0.0-rc.4",

问题是：将 Angular 2 添加到我的项目中的最佳方式是什么，为什么？

【问题讨论】：

【解决方案1】：

其实这取决于你使用的Angular2的版本：

【讨论】：

听起来不错！我正在开始一个新项目，所以我可能会使用 RC 版本！非常感谢您的回答！
顺便说一句...我怎样才能看到所有@angular部分的github存储库？我假设例如 @angular/platform-browser-dynamic 是：github.com/angular/platform-browser-dynamic-builds 所以基本上 package.json 上的所有内容都映射到 @angular2/*-builds
事实上，这些模块可以作为 NPM 模块使用，因此您可以将它们安装在项目本地并配置 SystemJS 以使用它们。请参阅此文档：angular.io/docs/ts/latest/quickstart.html.

【解决方案2】：

自测试版以来，Angular 包的命名约定发生了变化，这就是为什么新的 rc-4 和 rc-5 版本包以 @angular 开头的原因，这些是您应该使用的。最好的方法是使用Angular Cli 之类的工具，从 npm 逐个包手动导入，或者使用可以在 github 上找到的现成种子项目

【讨论】：

你能给我推荐一个好的种子项目吗？我的意思是角度 rc4 或 rc5，。实际上，这对我来说似乎是最好的：github.com/mgechev/angular2-seed
这个确实不错，也可以试试angular cli，它确实加快了速度:)