快捷導(dǎo)航

一文搞懂npm?install?意義

更新時(shí)間：2022年12月01日 10:50:25 作者：Never?Yu

我們?cè)诎惭b依賴包的時(shí)候，不需要過多的去糾結(jié)是使用?-S?還是?-D?呢?？隨便安裝到?dependencies?或者?devDependencies?里都行，反正?npm?install的時(shí)候，都會(huì)安裝dependencies?和?devDependencies依賴，今天通過本文學(xué)習(xí)npm?install意義，感興趣的朋友跟隨小編一起看看吧

【npm install 默認(rèn)會(huì)安裝 dependencies 字段和 devDependencies 字段中的所有模塊】。如果軟件包具有 package-lock 或 shrinkwrap 文件，則依賴項(xiàng)的安裝將由此驅(qū)動(dòng)，如果兩個(gè)文件都存在，則 npm-shrinkwrap.json 優(yōu)先。請(qǐng)參閱 package-lock.json 和 npm-shrinkwrap。

【ok，那么也就是說，當(dāng)我們?cè)谀玫揭粋€(gè)項(xiàng)目的時(shí)候，使用 npm install 是會(huì)安裝 dependencies 和 devDependencies 里所有的依賴包的?！?/p>

那么是否意味著，我們?cè)诎惭b依賴包的時(shí)候，不需要過多的去糾結(jié)是使用 -S 還是 -D 呢？隨便安裝到 dependencies 或者 devDependencies 里都行，反正 npm install 的時(shí)候，都會(huì)安裝 dependencies 和 devDependencies 里面的依賴。

其實(shí)不然！

如果使用 --production 參數(shù)，可以只安裝 dependencies 字段的模塊。

$ npm install --production
# 或者
$ NODE_ENV=production npm install

【所以，我們做好 dependencies 和 devDependencies 的區(qū)分的話，在使用 npm install --production 的時(shí)候，還是有區(qū)別的?！?/p>

不過，感覺這個(gè) npm install --production 的使用場(chǎng)景不是很多。我好像沒怎么用，可能以后會(huì)用到吧。

內(nèi)心os：既然 npm install --production 我用不到，那我在安裝依賴包的時(shí)候，還是隨意吧，放到 dependencies 或者 devDependencies 都無所謂，反正 npm install 的時(shí)候會(huì)把 dependencies 和 devDependencies 里面的依賴包都安裝下來。哈哈~~，隨意使用 -S 或者 -D 咯~

錯(cuò)！
錯(cuò)?。?br />錯(cuò)?。?！
這樣想就錯(cuò)了。dependencies 和 devDependencies 還是有明顯區(qū)別的。我們接著來看。

我們?cè)诎惭b依賴包的時(shí)候，要如何區(qū)分是安裝到 dependencies 還是 devDependencies 中呢？

dependencies 依賴

這個(gè)可以說是我們 npm 核心一項(xiàng)內(nèi)容，依賴管理，這個(gè)對(duì)象里面的內(nèi)容就是我們這個(gè)項(xiàng)目所依賴的 js 模塊包。下面這段代碼表示我們依賴了 markdown-it 這個(gè)包，版本是 ^8.1.0 ，代表最小依賴版本是 8.1.0 ，如果這個(gè)包有更新，那么當(dāng)我們使用 npm install 命令的時(shí)候，npm 會(huì)幫我們下載最新的包。當(dāng)別人引用我們這個(gè)包的時(shí)候，包內(nèi)的依賴包也會(huì)被下載下來。

"dependencies": {
    "markdown-it": "^8.1.0"
}

devDependencies 開發(fā)依賴

【在我們開發(fā)的時(shí)候會(huì)用到的一些包，只是在開發(fā)環(huán)境中需要用到，但是在別人引用我們包的時(shí)候，不會(huì)用到這些內(nèi)容，放在 devDependencies 的包，在別人引用的時(shí)候不會(huì)被 npm 下載】。

"devDependencies": {
    "autoprefixer": "^6.4.0",0",
    "babel-preset-es2015": "^6.0.0",
    "babel-preset-stage-2": "^6.0.0",
    "babel-register": "^6.0.0",
    "webpack": "^1.13.2",
    "webpack-dev-middleware": "^1.8.3",
    "webpack-hot-middleware": "^2.12.2",
    "webpack-merge": "^0.14.1",
    "highlightjs": "^9.8.0"
}

當(dāng)你有了一個(gè)完整的 package.json 文件的時(shí)候，就可以讓人一眼看出來，這個(gè)模塊的基本信息，和這個(gè)模塊所需要依賴的包。我們可以通過 npm install 就可以很方便的下載好這個(gè)模塊所需要的包。

結(jié)論：當(dāng)你在開發(fā)一個(gè) npm 包的時(shí)候，還是要好好管理你的 dependencies 依賴和 devDependencies 依賴。之前有個(gè)同事寫了一個(gè) loading 組件，發(fā)到 npm 上面去了，他跟我說簡單好用，我就用了。但是我發(fā)現(xiàn)他這么小的一個(gè)組件，為什么包這么大。一看，原來他寫這個(gè) npm 包的時(shí)候，所有的依賴都放到 dependencies 里面了（包括 gulp，browser-asyc，壓縮代碼的，express…等等一些他開發(fā)時(shí)用的工具）。

您可能感興趣的文章: