Question

我使用Ionic 2，Angular 2和TypeScript构建一个离子项目来测试框架。我需要在我的项目中包含一个外部库（PEP 3114），因为我需要它来命名十六进制颜色。

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

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

类似的事情：

messages

即使我的图书馆位于正确的位置，

似乎也不起作用。如果TypeScript完全读取它，它似乎无法正确读取我的文件。

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

Answer 1

您可以像在任何其他常规javascript文件中一样将其添加到index.html中来导入它。

然后在您的ts文件中执行：

declare var Tree:any;

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

Answer 2

除了做一个声明var，告诉ts变量存在，你可以使用打字稿的打字。通过写作

typings install libraryname

在您的控制台中，您将获得一个已声明为var / class的文件，您可以在导入时查看其所有函数/属性。

import {lib} from 'libraryname';