如何在Angular2 Typescript项目中全局导入Javascript库?

我正试图弄清楚如何在我的Angular2项目中导入外部库。 正如你可以看到关于这个问题的其他答案,有一些混乱,甚至Angular2文档都没有关于它的信息。 此外,Google上的任何搜索都会导致与Alpha或Beta版Angular2相关的旧结果。

我正在尝试导入Foundation和jQuery库。 我需要第一个使用一些基础代码,我需要第二个使基础JS代码工作(它使用jQuery)甚至在我的Typescript组件中使用它。

据我所知,因为即使在我的Typescript代码中我也必须使用jQuery,我需要安装jQuery的“打字版本”。

所以我有两种类型来导入Angular2项目中的外部库:

第一种方式:

我可以按照这个答案来做。 通过这种方式,我可以在我的Typescript组件中使用jQuery代码,它可以工作,因为我使用SystemJS模块加载器导入节点库,因为我安装了jQuery的typings install dt~jquery --save --global )。

第二种方式:

我在index.html文件中添加 。 我没有必要涉及SystemJS ,也没有任何SystemJS安装。

但在这种情况下我需要jQuery来运行Foundation。 我是否需要使用第一种方式再次导入jQuery? 我的意思是将到索引文件中。 无论如何,我在bootstrapping Foundation框架中遇到了一些问题,正如你在这里看到的那样

那么,我的import有什么问题?

  • 一般来说,如何在Angular 2.0.0项目中导入外部库?

  • 在我的例子中,如何正确导入Foundation以使用其构建块以及如何正确导入jQuery以使Foundation工作并使我能够在Typescript组件中编写jQuery代码?