前言

在前端项目package.json文件中，有dependencies和devDependencies两个配置项，都表示npm的依赖项。

1.dependencies

npm基本依赖：安装时使用--save

npm install/i xxx -S / --save

2. devDependencies

npm开发依赖：安装时使用--save-dev
生产环境无需用到该依赖，如webpack和babel相关插件，仅用于开发时编译构建
开发依赖的目的是为了减少在安装依赖时node_modules的体积，提升安装依赖的速度，节省线上及其的硬盘资源以及部署上线的时间

npm install/i xxx --save-dev

3. 确定插件依赖分类归属

npm地址：https://www.npmjs.com/
在npm地址中，输入查询的插件，根据Installation命令区分插件分类

npm示意图

4.拓展：peerDependencies

主要用于插件开发，peerDependencies内声明与项目（此项目依赖插件）重复的依赖。
场景：开发插件A，有依赖A1，A2；在项目project中，需要安装插件A， A2
一般使用：项目project安装A， A2，A安装A1，A2，发现A2重复安装
优化使用：在插件A使用peerDependencies。则项目project无需重复安装A2

//在插件A package.json 使用peerDependencies
peerDependencies：{
  A2
}