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导入使用