TypeScript實戰-23-使用模塊和聲明文件

一,前言

在TS中引入類庫和編寫聲明文件

二,引入外部類庫

類庫分別爲3類:

全局類庫
模塊類庫
UMD類庫

以jQuery爲例,屬於UMD類庫

既可全局方式引用(配合webpack插件),也可以模塊化方式引入

import $ from 'jquery'	// 報錯:找不到模塊

jQuery使用js編寫,在TS中不能直接使用,需要編寫聲明文件,對外暴露API

---

三,聲明文件

對於非TS的類庫,需要通過聲明文件,對外暴露API才能使用

聲明文件在哪裏?

1,包含在源碼中
2,單獨提供需要額外安裝類型聲明包
3,沒有-需要自己寫

大多數類庫的聲明文件社區已經維護,可以直接使用

安裝類型聲明包:

npm i @types/jquery -D

之後就可以使用jquery了:

import $ from 'jquery'
$('.app').css('color', 'red')

---

四,查找聲明文件

使用的包是否有可用的聲明文件,可以進行查找
http://microsoft.github.io/TypeSearch/

如果沒有,就需要自己寫一個了
http://definitelytyped.org/提供了爲社區貢獻聲明文件的方法

---

五,編寫聲明文件-全局庫

---

六,編寫聲明文件-模塊庫

---

七,編寫聲明文件-UMD庫

---

八,模塊插件 和 全局插件

---

九,聲明文件的依賴

---

十,結尾

五~九後續添加