如何在Ionic 2 TypeScript项目中包含外部Javascript库？

Question

我使用Ionic 2,Angular 2和TypeScript构建了一个离子项目来测试框架.我需要在我的项目中包含一个外部库(ntc.js),因为我需要它来命名十六进制颜色.

我知道包含一个Javascript库到TypeScript应该工作,因为JS中的任何工作都适用于TS.我只是不想以错误的方式包含它.

我试图将库添加到www/build/js,但它似乎不起作用,它似乎不是这样做的好方法.我试图寻找方法来做到这一点,但没有发现任何东西(可能是因为Angular 2和Ionic 2仍然是新鲜的).

像 :

import * as ntc from '../../js/ntc';

即使我的图书馆位于正确的地方,似乎也没有效果.TypeScript似乎没有正确读取我的文件,如果它完全读取它.

这样做的好方法是什么？我应该将我的.js文件放在我的项目目录中？

Answer 1

您可以通过将其添加到index.html来导入它,就像任何其他常规JavaScript文件一样.

然后在你的ts文件中你做:

declare var Tree:any; 

然后在您的代码中,您可以使用Tree变量,尽管它存在于Javascript文件中.这行代码基本上是告诉typescript编译器,那里有一个变量,它应该忽略Tree.