package.json中dependencies與devDependencies的差別

不管是react還是vue項目（基于node.js），在工作中在git上拉取别人的項目代碼檔案後，都需要npm install 安裝一下項目運作的依賴包。在後續的工作中我們可能要用到各種各樣的插件等，我們就需要在開發或者生産環境下安裝相應的依賴包。

關于npm安裝的包依賴管理的問題。單個依賴包管理是這樣的：

我們在使用npm install 安裝子產品或插件的時候，有兩種指令把他們寫入到 package.json 檔案裡面去，他們是：

--save-dev

或

--save

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

develop（開發）的簡寫。

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

那 package.json 檔案裡面的 devDependencies  和 dependencies 對象有什麼差別呢？

npm install 【插件名】或 npm install 【插件名】--save 歸屬dependencies，表示代碼運作時所需要的包。

npm install 【插件名】--save-dev 歸屬 devDependencies，表示開發時依賴的插件（即不會打包至線上）。

devDependencies  裡面的插件隻用于開發環境，不用于生産環境，而 dependencies  是需要釋出到生産環境的。

比如我們寫一個項目要依賴于jQuery，沒有這個包的依賴運作就會報錯，這時候就把這個依賴寫入dependencies ；

而我們使用的一些建構工具比如glup、webpack這些隻是在開發中使用的包，上線以後就和他們沒關系了，是以将它寫入devDependencies。

原文：https://blog.csdn.net/zDeer520/article/details/73431295?utm_source=copy