我试图弄清楚如何在我的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代码?