devdependencies、dependencies、peerDependencies配置詳解

devdependencies、dependencies、peerDependencies配置詳解

要弄清楚package.json中這三項配置下的包名生成的場景就要先弄清楚4個npm命令。

• npm install mypack & npm install mypack -save
• npm install mypack -save-dev
• npm install mypack -g
• npm install

命令 npm install mypack & npm install mypack -save

1. 將 mypack安裝到node_modules目錄下
2. 並且將該包名放入package.json下的dependencies中

  // 執行
  npm install mypack -save
  // 結果
  "dependencies": {
    "mypack": "^1.0.0",
  }

命令 npm install mypack -save-dev

1. 將 mypack安裝到node_modules目錄下
2. 並且將該包名放入package.json下的devdependencies中

  // 執行
  npm install mypack -save-dev
  // 結果
  "devdependencies": {
    "mypack": "^1.0.0",
  }

命令 npm install mypack -g

1. 將 mypack安裝你 node 的安裝目錄 及 全局目錄。
2. 該包名不放入package.json中
3. 可以直接在命令行里使用。如npm

  // 執行
  npm ...

peerDependencies

主要目的是提示宿主環境去安裝滿足插件peerDependencies所指定依賴的包，然后在插件import或者require所依賴的包的時候，永遠都是引用宿主環境統一安裝的npm包，最終解決插件與所依賴包不一致的問題。
有一篇博客寫的很詳細點這里

命令 npm install

1. 安裝 devdependencies 及 dependencies 內的依賴包到node_modules目錄
2. 開發時可以使用 require()或者import導入使用

  // 例如
  import moment from 'moment'
  const path = require('path')

命令 npm install --production

1. 只會安裝 dependencies 內的依賴包到node_modules目錄
2. 開發時可以使用 require()或者import導入使用