npm后面的-S和-D參數(shù)舉例詳解
npm后面的 -S和-D參數(shù)可以加上也可以不加上,但推薦加上,這樣更加語義化!
舉例:
1、-S
npm i jQuery -S 就等于 npm i jQuery --save
注意:
- i是install的簡寫
- 后面的-S(或者–save)參數(shù)表示安裝的第三方包(即上面舉例的jQuery)放在文件package.json里面的"dependencies",代碼如下:
"dependencies":{ "jQuery":"^3.6.0" //3.6.0是jQuery的版本號 }
2、-D
npm i webpack@5.42.1 webpack-cli@4.7.2 -D 就等于 npm i webpack@5.42.1 webpack-cli@4.7.2 --save-dev
注意:
- 后面的-D(或者–save-dev)參數(shù)表示安裝的第三方包(即上面舉例的webpack和webpack-cli)被記錄在package.json里面的"devdependencies",代碼如下:
"devdependencies":{ "webpack":"^5.42.1", "webpack-cli":"^4.7.2" }
3、"dependencies"表示開發(fā)和上線都需要的第三方包,用-S
4、"devdependencies"表示僅在開發(fā)階段需要的第三方包,用-D
5、如何判斷何時用-S還是-D?
- 第一步:
- 進(jìn)入這個網(wǎng)站后,例如需要下載webpack,即在這個網(wǎng)站里面直接搜索webpack
- 點擊你需要下載的webpack選項,這里我點擊第一個,進(jìn)入后往下滾動,找到如下圖,就知道官網(wǎng)規(guī)定的,是-S還是-D
附:npm -s和-d區(qū)別
npm install module_name -S = > npm install module_name --save
寫入到 dependencies 對象
npm install module_name -D => npm install module_name --save-dev
寫入到 devDependencies 對象
那 package.json 文件里面的 devDependencies 和 dependencies 對象有什么區(qū)別呢?
devDependencies 里面的插件只用于開發(fā)環(huán)境,不用于生產(chǎn)環(huán)境,而 dependencies 是需要發(fā)布到生產(chǎn)環(huán)境的。
總結(jié)
到此這篇關(guān)于npm后面的-S和-D參數(shù)舉例詳解的文章就介紹到這了,更多相關(guān)npm -S和-D參數(shù)詳解內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS動態(tài)修改網(wǎng)頁body的背景色實例代碼
這篇文章主要介紹了JS動態(tài)修改網(wǎng)頁body的背景色實例代碼 ,需要的朋友可以參考下2017-10-10Javascript this 的一些學(xué)習(xí)總結(jié)
相信有C++、C#或Java等編程經(jīng)驗的各位,對于this關(guān)鍵字再熟悉不過了。由于Javascript是一種面向?qū)ο蟮木幊陶Z言,它和C++、C#或Java一樣都包含this關(guān)鍵字,接下來我們將向大家介紹Javascript中的this關(guān)鍵字2012-08-08Vue項目vscode 安裝eslint插件的方法(代碼自動修復(fù))
這篇文章主要介紹了Vue項目vscode 安裝eslint插件的方法 代碼自動修復(fù),需要的朋友可以參考下2020-04-04js異步之a(chǎn)sync和await實現(xiàn)同步寫法
本文主要介紹了js異步之a(chǎn)sync和await實現(xiàn)同步寫法,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-03-03JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表和雙向循環(huán)鏈表的實現(xiàn)
本篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表和雙向循環(huán)鏈表的實現(xiàn),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-11-11ES6 Set結(jié)構(gòu)的應(yīng)用實例分析
這篇文章主要介紹了ES6 Set結(jié)構(gòu)的應(yīng)用,結(jié)合實例形式分析了ES6 set結(jié)構(gòu)的功能、特點、常見用法及相關(guān)操作注意事項,需要的朋友可以參考下2019-06-06