前言
在前端项目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命令区分插件分类
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
}