點擊下載
本文文檔

當(dāng)前位置：首頁 - 科技 - 知識百科 - 正文

幾種npm依賴包管理分享

來源：懂視網(wǎng) 責(zé)編：小OO 時間：2020-11-27 20:04:36

幾種npm依賴包管理分享

npm 目前支持以下幾類依賴包管理。dependencies。devDependencies。peerDependencies。optionalDependencies。bundledDependencies / bundleDependencies。如果你想使用哪種依賴管理，那么你可以將它放在package.json中對應(yīng)的依賴對象中，比如。

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀npm 目前支持以下幾類依賴包管理。dependencies。devDependencies。peerDependencies。optionalDependencies。bundledDependencies / bundleDependencies。如果你想使用哪種依賴管理，那么你可以將它放在package.json中對應(yīng)的依賴對象中，比如。

本文主要給大家介紹了關(guān)于你應(yīng)該知道的幾類npm依賴包管理，npm 是node.js 里的包管理器,是一個命令行工具，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。

npm 目前支持以下幾類依賴包管理：

dependencies

devDependencies

peerDependencies

optionalDependencies

bundledDependencies / bundleDependencies

如果你想使用哪種依賴管理，那么你可以將它放在package.json中對應(yīng)的依賴對象中，比如：

 "devDependencies": {
 "fw2": "^0.3.2",
 "grunt": "^1.0.1",
 "webpack": "^3.6.0"
 },
 "dependencies": {
 "gulp": "^3.9.1",
 "hello-else": "^1.0.0"
 },
 "peerDependencies": { },
 "optionalDependencies": { },
 "bundledDependencies": []

下面我們一一來看：

dependencies

應(yīng)用依賴，或者叫做業(yè)務(wù)依賴，這是我們最常用的依賴包管理對象！它用于指定應(yīng)用依賴的外部包，這些依賴是應(yīng)用發(fā)布后正常執(zhí)行時所需要的，但不包含測試時或者本地打包時所使用的包。可使用下面的命令來安裝：

npm install packageName --save

dependencies是一個簡單的JSON對象，包含包名與包版本，其中包版本可以是版本號或者URL地址。比如：

{ 
 "dependencies" :{ 
 "foo" : "1.0.0 - 2.9999.9999", // 指定版本范圍
 "bar" : ">=1.0.2 <2.1.2", 
 "baz" : ">1.0.2 <=2.3.4", 
 "boo" : "2.0.1", // 指定版本
 "qux" : "<1.0.0 || >=2.3.1 <2.4.5 || >=2.5.2 <3.0.0", 
 "asd" : "http://asdf.com/asdf.tar.gz", // 指定包地址
 "til" : "~1.2", // 最近可用版本
 "elf" : "~1.2.3", 
 "elf" : "^1.2.3", // 兼容版本
 "two" : "2.x", // 2.1、2.2、...、2.9皆可用
 "thr" : "*", // 任意版本
 "thr2": "", // 任意版本
 "lat" : "latest", // 當(dāng)前最新
 "dyl" : "file:../dyl", // 本地地址
 "xyz" : "git+ssh://git@github.com:npm/npm.git#v1.0.27", // git 地址
 "fir" : "git+ssh://git@github.com:npm/npm#semver:^5.0",
 "wdy" : "git+https://isaacs@github.com/npm/npm.git",
 "xxy" : "git://github.com/npm/npm.git#v1.0.27",
 }
}

devDependencies

開發(fā)環(huán)境依賴，僅次于dependencies的使用頻率！它的對象定義和dependencies一樣，只不過它里面的包只用于開發(fā)環(huán)境，不用于生產(chǎn)環(huán)境，這些包通常是單元測試或者打包工具等，例如gulp, grunt, webpack, moca, coffee等，可使用以下命令來安裝：

npm install packageName --save-dev

舉個栗子：

{ "name": "ethopia-waza",
 "description": "a delightfully fruity coffee varietal",
 "version": "1.2.3",
 "devDependencies": {
 "coffee-script": "~1.6.3"
 },
 "scripts": {
 "prepare": "coffee -o lib/ -c src/waza.coffee"
 },
 "main": "lib/waza.js"
}

prepare腳本會在發(fā)布前運行，因此使用者在編譯項目時不用依賴它。在開發(fā)模式下，運行npm install, 同時也會執(zhí)行prepare腳本，開發(fā)時可以很容易的測試。

至此，你理解了--save和--save-dev的區(qū)別了嗎？

peerDependencies

同等依賴，或者叫同伴依賴，用于指定當(dāng)前包（也就是你寫的包）兼容的宿主版本。如何理解呢？試想一下，我們編寫一個gulp的插件，而gulp卻有多個主版本，我們只想兼容最新的版本，此時就可以用同等依賴（peerDependencies）來指定：

{
 "name": "gulp-my-plugin",
 "version": "0.0.1",
 "peerDependencies": {
 "gulp": "3.x"
 }
}

當(dāng)別人使用我們的插件時，peerDependencies就會告訴明確告訴使用方，你需要安裝該插件哪個宿主版本。

通常情況下，我們會在一個項目里使用一個宿主（比如gulp）的很多插件，如果相互之間存在宿主不兼容，在執(zhí)行npm install時，cli會拋出錯誤信息來告訴我們，比如：

npm ERR! peerinvalid The package gulp does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer gulp-cli-config@0.1.3 wants gulp@~3.1.9
npm ERR! peerinvalid Peer gulp-cli-users@0.1.4 wants gulp@~2.3.0

運行命令npm install gulp-my-plugin --save-dev來安裝我們插件，我們來看下依賴圖譜：

├── gulp-my-plugin@0.0.1
└── gulp@3.9.1

OK, Nice!

注意，npm 1 與 npm 2 會自動安裝同等依賴，npm 3 不再自動安裝，會產(chǎn)生警告！手動在package.json文件中添加依賴項可以解決。

optionalDependencies

可選依賴，如果有一些依賴包即使安裝失敗，項目仍然能夠運行或者希望npm繼續(xù)運行，就可以使用optionalDependencies。另外optionalDependencies會覆蓋dependencies中的同名依賴包，所以不要在兩個地方都寫。

舉個栗子，可選依賴包就像程序的插件一樣，如果存在就執(zhí)行存在的邏輯，不存在就執(zhí)行另一個邏輯。

try {
 var foo = require('foo')
 var fooVersion = require('foo/package.json').version
} catch (er) {
 foo = null
}
if ( notGoodFooVersion(fooVersion) ) {
 foo = null
}

// .. then later in your program ..

if (foo) {
 foo.doFooThings()
}

bundledDependencies / bundleDependencies

打包依賴，bundledDependencies是一個包含依賴包名的數(shù)組對象，在發(fā)布時會將這個對象中的包打包到最終的發(fā)布包里。如：

{
 "name": "fe-weekly",
 "description": "ELSE 周刊",
 "version": "1.0.0",
 "main": "index.js",
 "devDependencies": {
 "fw2": "^0.3.2",
 "grunt": "^1.0.1",
 "webpack": "^3.6.0"
 },
 "dependencies": {
 "gulp": "^3.9.1",
 "hello-else": "^1.0.0"
 },
 "bundledDependencies": [
 "fw2",
 "hello-else"
 ]
}

執(zhí)行打包命令npm pack, 在生成的fe-weekly-1.0.0.tgz包中，將包含fw2和hello-else。但是值得注意的是，這兩個包必須先在devDependencies或dependencies聲明過，否則打包會報錯。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

幾種npm依賴包管理分享

推薦度：

點擊下載本文 文檔為doc格式

標(biāo)簽：管理幾類 npm

熱門焦點

幾種npm依賴包管理分享

幾種npm依賴包管理分享

幾種npm依賴包管理分享

最新推薦

猜你喜歡

熱門推薦