npm install 、npm install --save 和 npm install --save-dev的區(qū)別介紹
相同點(diǎn)
三者都會(huì)本地安裝包到項(xiàng)目的node_modules目錄中
區(qū)別
區(qū)別在于對(duì)項(xiàng)目package.json的修改,npm install不會(huì)修改package.json,而后兩者會(huì)將依賴(lài)添加進(jìn)package.json,后兩者的區(qū)別請(qǐng)看下文循序漸進(jìn)。
指定依賴(lài)包
指定包取決于你的項(xiàng)目,你需要在package.json 文件中列出你需要使用的包,有兩種包可以選擇:
- “dependencies”: 這些包都是你的應(yīng)用程序在生產(chǎn)環(huán)境中所需要的。
- “devDepedencies”:這些包只是在開(kāi)發(fā)和測(cè)試中需要的。
手動(dòng)編輯package.json文件
你可以手動(dòng)編輯你的package.json。你需要在包的dependencies 對(duì)象中創(chuàng)建一個(gè)屬性用來(lái)指出你需要添加的依賴(lài)。
例如下面的項(xiàng)目中,在主要生產(chǎn)環(huán)境中使用包my_dep的版本1.0.0,而在在開(kāi)發(fā)環(huán)境中使用包 my_test_framework 的3.1.0版本。
{
"name": "my_package",
"version": "1.0.0",
"dependencies": {
"my_dep": "^1.0.0"
},
"devDependencies" : {
"my_test_framework": "^3.1.0"
}
}--save 和--save-dev下載標(biāo)簽
- 他們表面上的區(qū)別是--save 會(huì)把依賴(lài)包名稱(chēng)添加到 package.json 文件 dependencies 鍵下,--save-dev 則添加到 package.json 文件 devDependencies 鍵下.
- dependencies是運(yùn)行時(shí)依賴(lài),devDependencies是開(kāi)發(fā)時(shí)的依賴(lài)。即devDependencies 下列出的模塊,是我們開(kāi)發(fā)時(shí)用的
比如 我們安裝 js的壓縮包gulp-uglify 時(shí),我們采用的是 “npm install gulp-uglify --save-dev”命令安裝,因?yàn)槲覀冊(cè)诎l(fā)布后用不到它,而只是在我們開(kāi)發(fā)才用到它。dependencies 下的模塊,則是我們發(fā)布后還需要依賴(lài)的模塊,譬如像jQuery庫(kù)或者Angular框架類(lèi)似的,我們?cè)陂_(kāi)發(fā)完后后肯定還要依賴(lài)它們,否則就運(yùn)行不了。
補(bǔ)充:正常使用npm install時(shí),會(huì)下載dependencies和devDependencies中的模塊,當(dāng)使用npm install --production或者注明NODE_ENV變量值為production時(shí),只會(huì)下載dependencies中的模塊。
到此這篇關(guān)于npm install 、npm install --save 和 npm install --save-dev的區(qū)別的文章就介紹到這了,更多相關(guān)npm install --save和npm install --save-dev區(qū)別內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS選中checkbox后獲取table內(nèi)一行TD所有數(shù)據(jù)的方法
這篇文章主要介紹了JS選中checkbox后獲取table內(nèi)一行TD所有數(shù)據(jù)的方法,涉及javascript針對(duì)table元素遍歷與獲取的技巧,需要的朋友可以參考下2015-07-07
JavaScript數(shù)據(jù)可視化:ECharts制作地圖
這篇文章主要介紹了Echarts實(shí)現(xiàn)可視化地圖,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-08-08
js使用html2canvas實(shí)現(xiàn)屏幕截取的示例代碼
這篇文章主要介紹了js使用html2canvas實(shí)現(xiàn)屏幕截取的示例代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08
JS獲取浮動(dòng)(float)元素的style.left值為空的快速解決辦法
這篇文章主要介紹了JS獲取浮動(dòng)(float)元素的style.left值為空的快速解決辦法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02

