在Angular 2项目中进行依赖关系管理的正确方法

Question

我想就使用Angular 2对外部客户端库进行依赖管理的最合适方法提出一些建议。

以前我使用Bower和Angular 1.x，但似乎有很多消息来源认为这不是一个好主意，因为它对TypeScript和ES6不起作用。

最终，我希望能够在我的Angular应用程序中管理jQuery和Twitter Bootstrap之类的依赖项，而无需直接使用标记对一堆内容进行硬编码。

Angular 2文档似乎对此事完全保持沉默。唯一明确的是它使用SystemJS作为模块加载器，但这并没有解决事物的依赖管理方面。

如果我能指出正确的方向，我将非常感激。

Answer 1

使用angular-CLI启动项目，然后按this documentation。

这些是将依赖项添加到项目中的基本步骤。

• 使用npm安装包并安装打字
• 将包文件位置添加到angular-cli配置中以进行捆绑。
• 将systemjs配置为systemjs中文件和包配置的映射位置，作为默认文件格式和主文件设置（可以更改为main.js，index.js，jquery.js，d3.js）
• 现在，您可以导入3方包

Answer 2

我遇到过最好的angular2 kick kick

https://github.com/mgechev/angular2-seed

如何添加外部库只需点击此链接即可 https://github.com/mgechev/angular2-seed/wiki/Add-external-dependency