devDependencies 與 dependencies 的差別

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

npm install 【插件名】或 npm install 【插件名】–save

或

npm install 【插件名】–save-dev

首先需要說明的是Dependencies一詞的中文意思是依賴和附屬的意思，而dev則是develop（開發）的簡寫。

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

devDependencies 和 dependencies 對象有什麼差別呢？

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

例如jquery，沒有這個包的依賴運作就會報錯，這時候就把這個依賴寫入dependencies ；

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