淺析package.json中的devdependencies 和 dependencies

Web_寧缺發表於2019-03-06
PackageJSONdev
1、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"
  }, 複製程式碼

2、devDependencies

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

 (2)作用：該模組中所列舉的外掛屬於開發環境的依賴（比如：測試或者文件框架等）

 (3)部署來源：通過你npm install進行依賴安裝時加上-save-dev，devDependencies物件中便會增加echarts安裝配置，例項安裝echarts依賴程式碼如下 

npm install echarts -save-dev 複製程式碼

3、dependencies 

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

(2)作用：該模組中所列舉的外掛屬於生產環境的依賴（程式正常執行需要載入的依賴） 

(3)部署來源：通過你npm install進行依賴安裝時加上-save，dependencies物件中便會增加echarts安裝配置，例項安裝echarts依賴程式碼如下 

npm install echarts -save 複製程式碼

4、安裝依賴 

(1)如果拿到別人的專案，需要安裝之前package.json中devdependencies 和 dependencies兩個模組下所列舉的依賴，可以通過執行以下命令實現 

npm install 複製程式碼

(2)如果拿到別人的專案，只需要安裝之前package.json中dependencies 模組下所列舉的依賴，可以通過執行以下命令實現

 npm install packagename複製程式碼

 (3)如果拿到別人的專案，只需要安裝之前package.json中devdependencies 模組下所列舉的依賴，可以通過執行以下命令實現 

npm install packagename -dev複製程式碼

 5、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 複製程式碼

6、友情提示 

(1)程式設計中，如果自己需要某一依賴，在安裝時一定要使用npm install echarts -save或npm install echarts -save-dev，即將依賴配置到package.json中對應的物件中，而非簡單使用npm install echarts命令（可以正常安裝依賴，但不會配置到package.json檔案中），因為如果是協作程式設計，package.json中沒有相關配置，其他協作人員的專案不能正常執行後不能通過npm install正確安裝依賴，別人也並不知道你安裝了什麼依賴，這樣就會大大影響協作程式設計的效率


相關文章