以前一直在糾結一個npm安裝的包依賴管理的問題。是這樣的：

我們在使用npm install 安裝模組或外掛的時候，有兩種命令把他們寫入到 package.json 檔案裡面去，他們是：

--save-dev

或

--save

首先需要說明的是Dependencies一詞的中文意思是依賴和附屬的意思，而dev則是

develop（開發）的簡寫。

所以它們的區別在 package.json 檔案裡面體現出來的就是，使用 --save-dev 安裝的 外掛，被寫入到 devDependencies 域裡面去，而使用 --save 安裝的外掛，則是被寫入到 dependencies 區塊裡面去。

那 package.json 檔案裡面的 devDependencies  和 dependencies 物件有什麼區別呢？

devDependencies  裡面的外掛只用於開發環境，不用於生產環境，而 dependencies  是需要釋出到生產環境的。

比如我們寫一個專案要依賴於jQuery，沒有這個包的依賴執行就會報錯，這時候就把這個依賴寫入dependencies ；

而我們使用的一些構建工具比如glup、webpack這些只是在開發中使用的包，上線以

後就和他們沒關係了，所以將它寫入devDependencies。
--------------------- 
作者：zDeer的前端之旅 
來源：CSDN 
原文：