npm?install?、npm?install?--save和npm?install?--save-dev的區別是什么

本篇內容主要講解“npm install 、npm install --save和npm install --save-dev的區別是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“npm install 、npm install --save和npm install --save-dev的區別是什么”吧!

相同點

三者都會本地安裝包到項目的node_modules目錄中

區別

區別在于對項目package.json的修改，npm install不會修改package.json，而后兩者會將依賴添加進package.json，后兩者的區別請看下文循序漸進。

指定依賴包

指定包取決于你的項目，你需要在package.json 文件中列出你需要使用的包，有兩種包可以選擇：

• “dependencies”： 這些包都是你的應用程序在生產環境中所需要的。

• “devDepedencies”：這些包只是在開發和測試中需要的。

手動編輯package.json文件

你可以手動編輯你的package.json。你需要在包的dependencies 對象中創建一個屬性用來指出你需要添加的依賴。 
例如下面的項目中，在主要生產環境中使用包my_dep的版本1.0.0，而在在開發環境中使用包 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下載標簽

• 他們表面上的區別是--save 會把依賴包名稱添加到 package.json 文件 dependencies 鍵下，--save-dev 則添加到 package.json 文件 devDependencies 鍵下.

• dependencies是運行時依賴，devDependencies是開發時的依賴。即devDependencies 下列出的模塊，是我們開發時用的

比如 我們安裝 js的壓縮包gulp-uglify 時，我們采用的是 “npm install gulp-uglify --save-dev”命令安裝，因為我們在發布后用不到它，而只是在我們開發才用到它。dependencies 下的模塊，則是我們發布后還需要依賴的模塊，譬如像jQuery庫或者Angular框架類似的，我們在開發完后后肯定還要依賴它們，否則就運行不了。

補充：正常使用npm install時，會下載dependencies和devDependencies中的模塊，當使用npm install --production或者注明NODE_ENV變量值為production時，只會下載dependencies中的模塊。

到此，相信大家對“npm install 、npm install --save和npm install --save-dev的區別是什么”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！