當我們項目需要下載一個模塊的時候，我們安裝npm包（在項目目錄下面npm install module_name）的時候，很多時候我們會在后面加上–save-dev 或 –save。這兩個參數代表什么呢？

初識

相信很多人都會回答：

npm install module-name -save 自動把模塊和版本號添加到dependencies部分 npm install module-name -save-dev 自動把模塊和版本號添加到devdependencies部分

dependencies是什么呢？ 生產環境。
devdependencies是什么呢？ 開發環境。
網上也可以查到很多資料，大概回答意思是，我們搭建一個webpack+react+es6的項目，像webpack babel這種負責打包編譯的，我們就應該裝在開發環境，像react之類的裝在生產環境。
可是為什么呢？
我們不能告訴我們這樣做，我們就只這樣做，我們要知之其所以然呀。
恩。我試著吧react放進了dependencies，打包出來的文件依然可以運行，并沒有什么問題。
why ？？？難道文檔只是建議而已嗎？？？

實質區別

如果我們只是單純的做項目，那么我們可簡單地認為生產環境和開發環境做為一種友善的提示，實質沒有什么區別；但是，如果在發布npm包的時候，兩種環境安裝方式是有很大區別的！！！

假設有以下兩個模塊： 模塊A - devDependencies模塊B - dependencies模塊C 模塊D - devDependencies模塊E - dependencies模塊A npm install D的時候， 下載的模塊為： - D - A - C 當我們下載了模塊D的源碼，并且在根目錄下npm install， 下載的模塊為： - A - C - E

所以，在發布npm包的時候，本身dependencies下的模塊會作為依賴，一起被下載；devDependencies下面的模塊就不會自動下載了；但對于項目而言，npm install 會自動下載devDependencies和dependencies下面的模塊。

devDependencies是只會在開發環境下依賴的模塊，生產環境不會被打入包內。通過NODE_ENV=developement或NODE_ENV=production指定開發還是生產環境。
而dependencies依賴的包不僅開發環境能使用，生產環境也能使用。其實這句話是重點，按照這個觀念很容易決定安裝模塊時是使用–save還是–save-dev。

總結

以上是生活随笔為你收集整理的dependencies 和 devDependencies 区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。