有些庫有typescript聲明文件厢破,有export就可以用import導入,沒有的話可以使用頁面引入的方式或者angular.json文件配置的方式配合declear const name的方式使用
如果我們想在Angular中使用第三方的庫闲坎,比如jquery或bootstrap等钩述,該如果做呢?有兩種方法
一形帮、npm install name
通過npm install ${name} --save 安裝在node_modules目錄下,package.json中的dependencies會配置正式環(huán)境所依賴的庫周叮。
- –save 就是將要安裝的依賴寫到package.json的dependencies 對象中去
-
–save-dev是將要安裝的依賴寫到package.json的devDependencies 對象中去
我們來看看package.json這個文件辩撑,package.json這個文件列出了項目所使用的第三方依賴包。
使用npm下載的依賴包仿耽,再導入使用時合冀,用import name from '包名'
,
然而并不是所有的安裝包都可以使用import導入项贺,有一些舊的安裝包君躺,或者其他原因峭判,這個包沒有typescript聲明文件,沒有export棕叫,我們就不能用import 導入林螃,可以使用第二種方法
二、index.html頁面導入俺泣,或者angular.json 種配置
在頁面直接引用和在angular.json 配置路徑?jīng)]有什么區(qū)別疗认,都是項目啟動,根據(jù)路徑拉去到對應的JS文件并執(zhí)行伏钠,然后在全局產(chǎn)生了一個聲明横漏,然后在項目種使用
declare const 聲明
可以找到
這里我簡單說一下怎么配置angular.json,頁面引入就不說了
angular.json這個文件是 Angular命令行工具的配置文件贝润。引一些其他的第三方的包 比如jquery等绊茧,那么現(xiàn)在我們就需要去修改angular.json這個文件。
我們在architect這個中可以看到styles數(shù)組和scripts數(shù)組
styles中就是我們要引入的css
scripts中就是我們要引入的js
ng4+的新版已經(jīng)不需要類型描述文件了
在angular.json 中配置了路徑后打掘,當項目啟動华畏,項目會跑到angular.json文件中根據(jù)路徑拉取文件,當路徑文件被執(zhí)行尊蚁,在全局會有一個$聲明
這個時候已經(jīng)可以使用JQ了
其他第三方庫也是類似亡笑,主要分為兩種,有無typescript聲明文件
Angular 中引用第三庫横朋,整理總結(jié)到此為止仑乌,如有錯處,望指出琴锭,感激不盡晰甚!