全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

你应该知道的几类npm依赖包管理详解

前言

大家都知道在一个Node.js项目中,package.json几乎是一个必须的文件,它的主要作用就是管理项目中所使用到的外部依赖包,同时它也是npm命令的入口文件。下面话不多说了,来一起看看详细的介绍把。

npm 目前支持以下几类依赖包管理:

  • dependencies
  • devDependencies
  • peerDependencies
  • optionalDependencies
  • bundledDependencies / bundleDependencies

如果你想使用哪种依赖管理,那么你可以将它放在package.json中对应的依赖对象中,比如:

 "devDependencies": {
 "fw2": "^0.3.2",
 "grunt": "^1.0.1",
 "webpack": "^3.6.0"
 },
 "dependencies": {
 "gulp": "^3.9.1",
 "hello-else": "^1.0.0"
 },
 "peerDependencies": { },
 "optionalDependencies": { },
 "bundledDependencies": [] 

下面我们一一来看:

dependencies

应用依赖,或者叫做业务依赖,这是我们最常用的依赖包管理对象!它用于指定应用依赖的外部包,这些依赖是应用发布后正常执行时所需要的,但不包含测试时或者本地打包时所使用的包。可使用下面的命令来安装:

npm install packageName --save

dependencies是一个简单的JSON对象,包含包名与包版本,其中包版本可以是版本号或者URL地址。比如:

{ 
 "dependencies" :{ 
 "foo" : "1.0.0 - 2.9999.9999", // 指定版本范围
 "bar" : ">=1.0.2 <2.1.2", 
 "baz" : ">1.0.2 <=2.3.4", 
 "boo" : "2.0.1", // 指定版本
 "qux" : "<1.0.0 || >=2.3.1 <2.4.5 || >=2.5.2 <3.0.0", 
 "asd" : "http://asdf.com/asdf.tar.gz", // 指定包地址
 "til" : "~1.2", // 最近可用版本
 "elf" : "~1.2.3", 
 "elf" : "^1.2.3", // 兼容版本
 "two" : "2.x", // 2.1、2.2、...、2.9皆可用
 "thr" : "*", // 任意版本
 "thr2": "", // 任意版本
 "lat" : "latest", // 当前最新
 "dyl" : "file:../dyl", // 本地地址
 "xyz" : "git+ssh://git@github.com:npm/npm.git#v1.0.27", // git 地址
 "fir" : "git+ssh://git@github.com:npm/npm#semver:^5.0",
 "wdy" : "git+https://isaacs@github.com/npm/npm.git",
 "xxy" : "git://github.com/npm/npm.git#v1.0.27",
 }
}

devDependencies

开发环境依赖,仅次于dependencies的使用频率!它的对象定义和dependencies一样,只不过它里面的包只用于开发环境,不用于生产环境,这些包通常是单元测试或者打包工具等,例如gulp, grunt, webpack, moca, coffee等,可使用以下命令来安装:

npm install packageName --save-dev

举个栗子:

{ "name": "ethopia-waza",
 "description": "a delightfully fruity coffee varietal",
 "version": "1.2.3",
 "devDependencies": {
 "coffee-script": "~1.6.3"
 },
 "scripts": {
 "prepare": "coffee -o lib/ -c src/waza.coffee"
 },
 "main": "lib/waza.js"
}

prepare脚本会在发布前运行,因此使用者在编译项目时不用依赖它。在开发模式下,运行npm install, 同时也会执行prepare脚本,开发时可以很容易的测试。

至此,你理解了--save和--save-dev的区别了吗?

peerDependencies

同等依赖,或者叫同伴依赖,用于指定当前包(也就是你写的包)兼容的宿主版本。如何理解呢? 试想一下,我们编写一个gulp的插件,而gulp却有多个主版本,我们只想兼容最新的版本,此时就可以用同等依赖(peerDependencies)来指定:

{
 "name": "gulp-my-plugin",
 "version": "0.0.1",
 "peerDependencies": {
 "gulp": "3.x"
 }
}

当别人使用我们的插件时,peerDependencies就会告诉明确告诉使用方,你需要安装该插件哪个宿主版本。

通常情况下,我们会在一个项目里使用一个宿主(比如gulp)的很多插件,如果相互之间存在宿主不兼容,在执行npm install时,cli会抛出错误信息来告诉我们,比如:

npm ERR! peerinvalid The package gulp does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer gulp-cli-config@0.1.3 wants gulp@~3.1.9
npm ERR! peerinvalid Peer gulp-cli-users@0.1.4 wants gulp@~2.3.0

运行命令npm install gulp-my-plugin --save-dev来安装我们插件,我们来看下依赖图谱:

├── gulp-my-plugin@0.0.1
└── gulp@3.9.1

OK, Nice!

注意,npm 1 与 npm 2 会自动安装同等依赖,npm 3 不再自动安装,会产生警告!手动在package.json文件中添加依赖项可以解决。

optionalDependencies

可选依赖,如果有一些依赖包即使安装失败,项目仍然能够运行或者希望npm继续运行,就可以使用optionalDependencies。另外optionalDependencies会覆盖dependencies中的同名依赖包,所以不要在两个地方都写。

举个栗子,可选依赖包就像程序的插件一样,如果存在就执行存在的逻辑,不存在就执行另一个逻辑。

try {
 var foo = require('foo')
 var fooVersion = require('foo/package.json').version
} catch (er) {
 foo = null
}
if ( notGoodFooVersion(fooVersion) ) {
 foo = null
}

// .. then later in your program ..

if (foo) {
 foo.doFooThings()
}

bundledDependencies / bundleDependencies

打包依赖,bundledDependencies是一个包含依赖包名的数组对象,在发布时会将这个对象中的包打包到最终的发布包里。如:

{
 "name": "fe-weekly",
 "description": "ELSE 周刊",
 "version": "1.0.0",
 "main": "index.js",
 "devDependencies": {
 "fw2": "^0.3.2",
 "grunt": "^1.0.1",
 "webpack": "^3.6.0"
 },
 "dependencies": {
 "gulp": "^3.9.1",
 "hello-else": "^1.0.0"
 },
 "bundledDependencies": [
 "fw2",
 "hello-else"
 ]
}

执行打包命令npm pack, 在生成的fe-weekly-1.0.0.tgz包中,将包含fw2和hello-else。 但是值得注意的是,这两个包必须先在devDependencies或dependencies声明过,否则打包会报错。

总结

以上就是目前npm支持的依赖管理,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对的支持。


# npm依赖包  # npm  # 升级依赖包  # 更新依赖包  # Node.js包管理器Yarn的入门介绍与安装  # JS新包管理工具yarn和npm的对比与使用入门  # Node.js安装教程和NPM包管理器使用详解  # nodejs npm包管理的配置方法及常用命令介绍  # 详解Node.js包的工程目录与NPM包管理器的使用  # Node.js的npm包管理器基础使用教程  # 浅谈node模块与npm包管理工具  # 一文带你了解前端包管理工具npm、yarn和pnpm  # 是一个  # 会在  # 可选  # 举个  # 象中  # 的是  # 这是  # 就会  # 放在  # 也会  # 就像  # 你可以  # 大家都  # 多个  # 说了  # 可以用  # 不多  # 你想  # 有一定  # 很容易 


相关文章: 如何在万网自助建站平台快速创建网站?  C++如何编写函数模板?(泛型编程入门)  宁波自助建站系统如何快速打造专业企业网站?  建站之星安装失败:服务器环境不兼容?  公司网站制作需要多少钱,找人做公司网站需要多少钱?  如何快速建站并高效导出源代码?  简单实现Android文件上传  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面?  家具网站制作软件,家具厂怎么跑业务?  nginx修改上传文件大小限制的方法  如何快速搭建高效WAP手机网站?  建站之星Pro快速搭建教程:模板选择与功能配置指南  C++用Dijkstra(迪杰斯特拉)算法求最短路径  成都品牌网站制作公司,成都营业执照年报网上怎么办理?  深圳网站制作的公司有哪些,dido官方网站?    宝塔面板创建网站无法访问?如何快速排查修复?  长沙企业网站制作哪家好,长沙水业集团官方网站?  高端云建站费用究竟需要多少预算?  深圳网站制作费用多少钱,读秀,深圳文献港这样的网站很多只提供网上试读,但有些人只要提供试读的文章就能全篇下载,这个是怎么弄的?  建站之星导航菜单设置与功能模块配置全攻略  如何通过.red域名打造高辨识度品牌网站?  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目?  如何用IIS7快速搭建并优化网站站点?  建站之星后台密码遗忘或太弱?如何重置与强化?  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  网站制作软件免费下载安装,有哪些免费下载的软件网站?  成都网站制作公司哪家好,四川省职工服务网是做什么用?  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台?  如何配置支付宝与微信支付功能?  如何用VPS主机快速搭建个人网站?  Python路径拼接规范_跨平台处理说明【指导】  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的?  高端建站三要素:定制模板、企业官网与响应式设计优化  专业商城网站制作公司有哪些,pi商城官网是哪个?  外贸公司网站制作,外贸网站建设一般有哪些步骤?  广州网站制作的公司,现在专门做网站的公司有没有哪几家是比较好的,性价比高,模板也多的?  网站制作服务平台,有什么网站可以发布本地服务信息?  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  如何在IIS中新建站点并配置端口与物理路径?  云南网站制作公司有哪些,云南最好的招聘网站是哪个?  建站之星ASP如何实现CMS高效搭建与安全管理?  如何通过免费商城建站系统源码自定义网站主题与功能?  Android使用GridView实现日历的简单功能  建站之星导航配置指南:自助建站与SEO优化全解析  临沂网站制作企业,临沂第三中学官方网站?  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息?  建站之星IIS配置教程:代码生成技巧与站点搭建指南  车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?  ,柠檬视频怎样兑换vip? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。