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

时间:2016-09-16 10:01:28

标签: jquery angular libraries systemjs zurb-foundation-6

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

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

据我所知,因为即使在我的Typescript代码中我也必须使用jQuery,我需要安装"输入版本" jQuery。

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

第一种方式:

我可以在this answer之后执行此操作。通过这种方式,我可以在我的Typescript组件中使用jQuery代码,因为我使用SystemJS模块加载器导入节点库,因为我为jQuery(typings)安装了typings install dt~jquery --save --global

第二种方式:

我在<script src="node_modules/foundation-sites/dist/foundation.js"></script>文件中添加index.html。我无需涉及SystemJS,也无需安装任何typings

但是在这种情况下我需要jQuery来运行Foundation。我需要使用第一种方式再次导入jQuery吗?我的意思是将<script src="node_modules/jquery/dist/jquery.js"></script>添加到索引文件中。 无论如何,我在bootstrapping Foundation框架中遇到了一些问题,你可以看到here

那么,我的进口有什么问题?

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

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

0 个答案:

没有答案