package.json這個文件列出了項目所使用的第三方依賴包。我們在創(chuàng)建新項目的時候默認會給我們下載一些包，這些是Angular自帶的，存放在node_modules目錄中。

成都創(chuàng)新互聯(lián)是一家集網站建設,鄯善企業(yè)網站建設,鄯善品牌網站建設,網站定制,鄯善網站建設報價,網絡營銷,網絡優(yōu)化,鄯善網站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網站。

需要注意的是：

package.json中有dependencies對象和devDependencies。

devDependencies 里面的插件只用于開發(fā)環(huán)境，不用于生產環(huán)境，而 dependencies 是需要發(fā)布到生產環(huán)境的。

添加依賴有2種方法：

1. npm install name –save 就是將要安裝的依賴寫到package.json的dependencies 對象中去
2. npm install name –save-dev是將要安裝的依賴寫到package.json的devDependencies 對象中去

下面以minirefresh添加到angular環(huán)境中為例子。（https://github.com/minirefres... ）

一、npm install minirefresh --save

通過結果可以看到：

可以看到，一開始dependencies中是沒有minirefresh 的，通過 npm install minirefresh --save命令會自動下載minirefresh 并添加到dependencies中。然后我們會發(fā)現(xiàn)node_modules目錄中就有minirefresh 的包了。

二、修改angular-cli.json文件（styles數(shù)組和scripts數(shù)組）

1、styles中就是我們要引入的css

2、scripts中就是我們要引入的js

配置如圖：

三、在需要用該插件的組件中（.ts文件中）做如下聲明：declare var $:any;目的是不讓編譯時報錯

四、ngOnInit方法中就能正常用上面的三款插件了。

jQuery的添加

一、npm install jquery --save / --save--dev

二、修改angular-cli.json文件：

"scripts": ["../node_modules/jquery/dist/jquery.min.js"]

分享題目：Angular5中調用第三方庫及jQuery的添加的方法-創(chuàng)新互聯(lián)
URL地址：http://weahome.cn/article/cegsdi.html