TypeScript-给第三方库添加声明文件

  1. 前言
    在使用TypeScript写程序的时候,可能会需要使用到JavaScript库,因为历史遗留问题,现在非常多的第三方库依然是用JavaScript进行编写,但是大多数情况下,库的所有者已经帮你写好了TypeScript声明文件,即x.d.ts文件。

还有一些情况是库中并没有附带ts声明文件,但是可以通过:

npm i @types/xxx -s   # xxx为第三方JavaScript库的名字	

进行下载该类型的库的声明文件。

上面两种方法都是用在别人已经帮你编写了声明文件的情况下,但是如果上面两种方式都无效,怎么自行编写声明文件呢?
2. 声明文件
3. 因为工作原因,需要在Vue中使用到qqmap这个由腾讯提供的地图插件,通过上面的两种方式,都没有找到别人已经编写好的ts声明文件,在网上看了很多教程,也是云里雾里,感觉人家已经很努力的描述怎么编写声明文件,但是我就是看不懂。

后面研究了一下发现,其实非常简单,比如要使用qqmap这个js库,直接在src文件夹的任意地方创建一个qqmap.d.ts文件(不过还是推荐放到@types文件夹中)。

然后在qqmap.d.ts文件中编写声明:

declare module "qqmap";

好的,这些就大工告成了,直接ts文件中使用

import qqmap from "qqmap";

就可以引入这个第三方JavaScript库。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值