Angular2 中如何使用第三方 TypeScript 插件?
How to use third-party typescript plugins in Angular2?
我是 angular2 的新手,但在 javascript 开发方面相当成熟。我在以前的项目中使用了很多 jQuery 插件。我也想在我的新 angular2 项目中使用它们。
我已经知道的事情:
- 我必须使用打字稿定义文件才能使用它们。
但我想知道的是
- 将它们放置在 angular2 项目中的什么位置。
- 我应该使用 npm 下载它们,以便将它们放入 node_modules
文件夹.
- 我应该手动将它们复制到 typings 文件夹中吗?
我尝试了第 2 点,但无法作为参考。谁能告诉我如何导入第三方打字稿插件并将它们导入我的 angular2 组件中。最佳做法是什么?
其次,typings文件夹有什么用?
有很多方法可以做这件事。然而,现代方法是使用 node_modules
文件夹中的类型。
为了做到这一点(如果库本身不提供像 Angular 那样的类型)你需要安装打字稿定义文件:
npm install @types/mylibrarytoimport --save-dev
这将从 https://github.com/DefinitelyTyped/DefinitelyTyped. Now the interesting part: how to use it in your project. According to the docs 中获取类型定义,您无需执行任何其他操作:它可以正常工作。
在这种方式成为可能之前,有一个 typings
库试图解决这个问题,直到他们意识到他们实现了第二个 npm
,所以他们只是转移到现有的。幸运的是,NPM 添加了对范围包的支持,这使得它成为可能。
在 typings
之前没有真正的方法自动获取类型定义,因此每个人都被迫手动下载和跟踪更改。
我是 angular2 的新手,但在 javascript 开发方面相当成熟。我在以前的项目中使用了很多 jQuery 插件。我也想在我的新 angular2 项目中使用它们。
我已经知道的事情:
- 我必须使用打字稿定义文件才能使用它们。
但我想知道的是
- 将它们放置在 angular2 项目中的什么位置。
- 我应该使用 npm 下载它们,以便将它们放入 node_modules 文件夹.
- 我应该手动将它们复制到 typings 文件夹中吗?
我尝试了第 2 点,但无法作为参考。谁能告诉我如何导入第三方打字稿插件并将它们导入我的 angular2 组件中。最佳做法是什么?
其次,typings文件夹有什么用?
有很多方法可以做这件事。然而,现代方法是使用 node_modules
文件夹中的类型。
为了做到这一点(如果库本身不提供像 Angular 那样的类型)你需要安装打字稿定义文件:
npm install @types/mylibrarytoimport --save-dev
这将从 https://github.com/DefinitelyTyped/DefinitelyTyped. Now the interesting part: how to use it in your project. According to the docs 中获取类型定义,您无需执行任何其他操作:它可以正常工作。
在这种方式成为可能之前,有一个 typings
库试图解决这个问题,直到他们意识到他们实现了第二个 npm
,所以他们只是转移到现有的。幸运的是,NPM 添加了对范围包的支持,这使得它成为可能。
在 typings
之前没有真正的方法自动获取类型定义,因此每个人都被迫手动下载和跟踪更改。