淺析package.json中的devdependencies 和 dependencies

一、dependencies和devDependencies 具體代碼以下

"name": "webpack-react-express",
  "version": "0.2.0",
  "private": true,
  "dependencies": {
    "antd": "^2.13.11",
    "babel-polyfill": "^6.26.0",
    "base-64": "^0.1.0",
    "bluebird": "^3.5.1",
    "css-loader": "^0.28.7",
    "echarts": "^3.7.2",
  },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^6.4.1",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "webpack": "^1.12.13",
    "webpack-hot-middleware": "^2.21.0"
  }, 複製代碼

二、devDependencies

 (1)內容：是一個對象，配置模塊依賴的模塊列表，key是模塊名稱，value是版本範圍

 (2)做用：該模塊中所列舉的插件屬於開發環境的依賴（好比：測試或者文檔框架等）

 (3)部署來源：經過你npm install進行依賴安裝時加上-save-dev，devDependencies對象中便會增長echarts安裝配置，實例安裝echarts依賴代碼以下 

npm install echarts -save-dev 複製代碼

三、dependencies 

 (1)內容：是一個對象，配置模塊依賴的模塊列表，key是模塊名稱，value是版本範圍 

(2)做用：該模塊中所列舉的插件屬於生產環境的依賴（程序正常運行須要加載的依賴） 

(3)部署來源：經過你npm install進行依賴安裝時加上-save，dependencies對象中便會增長echarts安裝配置，實例安裝echarts依賴代碼以下 

npm install echarts -save 複製代碼

四、安裝依賴 

(1)若是拿到別人的項目，須要安裝以前package.json中devdependencies 和 dependencies兩個模塊下所列舉的依賴，能夠經過執行如下命令實現 

npm install 複製代碼

(2)若是拿到別人的項目，只須要安裝以前package.json中dependencies 模塊下所列舉的依賴，能夠經過執行如下命令實現

npm install packagename複製代碼

 (3)若是拿到別人的項目，只須要安裝以前package.json中devdependencies 模塊下所列舉的依賴，能夠經過執行如下命令實現 

npm install packagename -dev複製代碼

 五、npm uninstall-刪除依賴 

（1）npm uninstall "依賴名稱"：刪除依賴，但不會刪除package.json的配置（即經過npm install依然能夠安裝該依賴），刪除echarts依賴實例代碼以下 

npm uninstall echarts 複製代碼

（2）npm uninstall "依賴名稱" --save-dev：刪除依賴，同時刪除package.json中devdependencies 的配置,刪除echarts依賴實例代碼以下 

npm uninstall echarts  --save-dev 複製代碼

（3）npm uninstall "依賴名稱" --save：刪除依賴，同時刪除package.json中dependencies 的配置,刪除echarts依賴實例代碼以下 

npm uninstall echarts --save 複製代碼

六、友情提示 

(1)編程中，若是本身須要某一依賴，在安裝時必定要使用npm install echarts -save或npm install echarts -save-dev，即將依賴配置到package.json中對應的對象中，而非簡單使用npm install echarts命令（能夠正常安裝依賴，但不會配置到package.json文件中），由於若是是協做編程，package.json中沒有相關配置，其餘協做人員的項目不能正常運行後不能經過npm install正確安裝依賴，別人也並不知道你安裝了什麼依賴，這樣就會大大影響協做編程的效率