npm install命令详解

  • -S,–save 安装包信息将加到dependencies(生产阶段的依赖)
npm install --save 或
npm install -S
  • -D, –save-dev 安装包信息将加到devDependencies(开发阶段的依赖),所以开发阶段一般使用它
npm install --save-dev
npm install -D
  • -O, –save-optional 安装包信息将加入到optionalDependencies(可选阶段的依赖)
npm install jquery --save-optional 或
npm install jquery -O 

以安装jquery为例,pack.json的文件中optionalDependencies字段有以下代码
"optionalDependencies": {
    "jquery": "^3.9.1"
}
  • -E, –save-exact 精确安装指定模块版本
npm install jquery --save-exact 或
npm install jquery -E

如果输入命令为
npm install jquery -ES

留意package.json 文件的 dependencies 字段,以看出版本号中的^消失了
"dependencies": {
    "jquery": "3.2.1"
}
  • 模块的依赖都被写入了package.json文件后,他人打开项目的根目录(项目开源、内部团队合作),使用npm install命令可以根据dependencies配置安装所有的依赖包
npm install
输入该命令后,package.json的devDependencies字段里的插件会被自动安装到node_modules下
  • npm uninstall 卸载模块
npm uninstall jquery --save-optional//卸载可选阶段的依赖里的jquery`
  • npm目前支持一下几种依赖包管理:

    1. depedencies
    2. devDependencies
    3. peerDependencies
    4. optionalDependencies
    5. bundledDependencies / bundleDependencies

depedencies:指定应用依赖的外部包,这些依赖是应用正常发布后正常执行所需要的,但不包含测试时和本地打包时所使用的包

devDependencies:它里面的包只用于开发环境,不用于生产环境,这些包通常是单元测试或者打包工具等,例如gulp, grunt, webpack, moca, coffee等

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

  • optionalDependencies:可选依赖,如果有一些依赖包即使安装失败,项目仍然能够运行或者希望npm继续运行,就可以使用optionalDependencies。另外optionalDependencies会覆盖dependencies中的同名依赖包,所以不要在两个地方都写。
  • 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声明过,否则打包会报错。

  • 7
    点赞
  • 47
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值