最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

幾種npm依賴包管理分享

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

幾種npm依賴包管理分享

npm 目前支持以下幾類依賴包管理。dependencies。devDependencies。peerDependencies。optionalDependencies。bundledDependencies / bundleDependencies。如果你想使用哪種依賴管理,那么你可以將它放在package.json中對應的依賴對象中,比如。
推薦度:
導讀npm 目前支持以下幾類依賴包管理。dependencies。devDependencies。peerDependencies。optionalDependencies。bundledDependencies / bundleDependencies。如果你想使用哪種依賴管理,那么你可以將它放在package.json中對應的依賴對象中,比如。

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

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

  • dependencies

  • devDependencies

  • peerDependencies

  • optionalDependencies

  • bundledDependencies / bundleDependencies

  • 如果你想使用哪種依賴管理,那么你可以將它放在package.json中對應的依賴對象中,比如:

     "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è)務依賴,這是我們最常用的依賴包管理對象!它用于指定應用依賴的外部包,這些依賴是應用發(fā)布后正常執(zhí)行時所需要的,但不包含測試時或者本地打包時所使用的包??墒褂孟旅娴拿顏戆惭b:

    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", // 當前最新
     "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

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

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

    當別人使用我們的插件時,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依賴包管理分享

    npm 目前支持以下幾類依賴包管理。dependencies。devDependencies。peerDependencies。optionalDependencies。bundledDependencies / bundleDependencies。如果你想使用哪種依賴管理,那么你可以將它放在package.json中對應的依賴對象中,比如。
    推薦度:
    標簽: 管理 幾類 npm
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top