使用Ancular CLI和Webpack导入Angular 2.0.0中没有导出的js库

时间:2016-09-28 08:42:56

标签: angular webpack angular-cli

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

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

在我的应用中导入此类库的推荐方法是什么?

提前致谢

1 个答案:

答案 0 :(得分:0)

这是一个快速但功能性的方式:

  1. package.json中定义的第三方依赖关系添加到angular-cli.json apps[0].scripts数组中。在这种特殊情况下,它将是:"../node_modules/xmltojson/lib/xmltojson.js"

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

  3. 高兴地调用库的功能!例如:xmlToJSON.parseString(testXMLtext);

  4. 另一种方法是使用Typings。它可能更清洁。