1. 程式人生 > >angular 使用第三方庫(利用@types實現)

angular 使用第三方庫(利用@types實現)

應用場景,在使用angular開發的時候,需要使用到jq,moment,lodash這些js庫的時候該怎麼操作

這是很常見的問題,我就分享一下我自己的使用情況,以moment為例

1.npm install moment --save 安裝momentjs

2.npm install @types/moment --dev  安裝moment的型別定義檔案,這裡主要是把moment庫的方法,變數宣告,並且export出去,這樣就可以在ts中使用了。可以理解為這個是es5到ts的橋樑

3.找到tsconfig.json檔案新增一個選項

“type”:["moment"]

4.在元件裡面可以直接使用了

import * as moment from 'moment';

備註:第二步哪裡安裝如果不懂為什麼的同學,請直接忽略,只要記得安裝庫前面加上@types就行,

一般比較多人使用的庫都會有人維護@types這個型別定位檔案。如果有同學覺得可以直白的描述第二步,也可以在下面留言,幫助其他同學理解