在javascript庫中使用打字稿

Question

我一直在看着@types\ npm包很長一段時間。我正在使用它們，但我不太清楚它們究竟代表什麼。

我知道這些庫的主要目的是定義類型/類/接口......讓他們準備好將它們用於打字稿項目。

目前，我打算提供條紋功能到前端。有兩個npm庫：

1. 官方stripe庫是一個簡單的JavaScript庫。
2. 還有另一個庫@types/stripe它只定義條紋類型。

我開發一個angular2 +打字稿項目，我得到不同的問題：

1. 我已經安裝了。我應該如何使用它們？
2. 我已經意識到存在一個typings工具爲了安裝我不知道是什麼。這是什麼工具？

編輯

到現在爲止，並根據this guide：

npm install stripe --save 
npm install @types/stripe --save-dev 

和我在已將此添加webpack.common.js：

new webpack.ProvidePlugin({ 
    Stripe: 'stripe' 
}) 

然後，進入我的打字稿組件我已經添加了這個：

import * as Stripe from '@types/stripe'; 

但是我得到這個錯誤：

[ts] File '.../node_modules/@types/stripe/index.d.ts' is not a module.

我也試過：

import stripePackage from 'stripe'; 

但我得到了同樣的信息：

[ts] File '.../node_modules/@types/stripe/index.d.ts' is not a module. 

Answer 1

要點是，如果你導入庫文件foo，這是用純JS編寫的，Ty PeScript無法推斷任何類型。由foo公開的所有內容都將具有any類型。

這就是爲什麼你也必須npm install @types/foo。每當您從foo導入某些內容時，TypeScript將會將foo的API與@types/foo相關聯。 @types是TypeScript在JS和TS之間進行互操作的方式。

使用typings已棄用2.0。你可以閱讀更多關於這裏：https://blogs.msdn.microsoft.com/typescript/2016/06/15/the-future-of-declaration-files/