使用Ancular CLI和Webpack在Angular 2.0.0中导入无导出的js库

Question

我的项目基于Angular 2.0.0，并使用Angular CLI和Webpack构建。

我需要导入一个js库（即来自https://www.npmjs.com/package/xmltojson的xmltojson.js），它定义了一个变量（xmlToJSON），它本身引用了一个函数。 js库中没有导出，只是变量和函数的定义。

在我的应用中，推荐使用哪种方式导入这样的库？

在此先感谢

Answer 1

一个quick'n'dirty但功能性的方式是这样的一个：

1. 添加在package.json定义了第三方的依赖于angular-cli.jsonapps[0].scripts阵列。在这种特殊情况下，它将是："../node_modules/xmltojson/lib/xmltojson.js"。

2. 在您的班级中声明变量declare var xmlToJSON: any;。由于原始文件xmltojson.js声明一个具有相同名称的变量，它将起作用。

3. 高兴地调用库函数！例如：xmlToJSON.parseString(testXMLtext);

另一种方法是使用Typings。它可能更干净。