如何用命令行将package.json中@angular依赖统一升级至v5.2.0?
一次性升级所有@angular依赖到v5.2.0的方法
当然有便捷的命令行方式来统一升级所有@angular依赖到5.2.0版本,不用一个个手动修改package.json!下面给你两种常用包管理器的解决方案:
使用npm的批量升级命令
直接在项目根目录运行这条命令,它会把指定的@angular核心依赖全部安装并锁定到5.2.0版本,同时自动更新你的package.json:
npm install @angular/{core,common,compiler,platform-browser,platform-browser-dynamic,forms,http,router,animations}@5.2.0 --save
如果你的项目里还有其他@angular开头的依赖(比如@angular/material这类组件库),只需要把它们的包名添加到大括号里就行,比如@angular/{core,common,material,...}。
使用yarn的批量升级命令
如果你用yarn作为包管理器,命令格式类似,同样可以批量指定版本:
yarn add @angular/core@5.2.0 @angular/common@5.2.0 @angular/compiler@5.2.0 @angular/platform-browser@5.2.0 @angular/platform-browser-dynamic@5.2.0 @angular/forms@5.2.0 @angular/http@5.2.0 @angular/router@5.2.0 @angular/animations@5.2.0
进阶工具:npm-check-updates
如果你觉得手动列包名太麻烦,可以用npm-check-updates工具来批量过滤并升级@angular依赖:
- 先全局安装工具:
npm install -g npm-check-updates - 运行命令锁定所有@angular依赖到5.2.0:
ncu -u --filter '/^@angular/' --target 5.2.0 - 最后执行安装更新:
npm install
小提示
升级完成后,建议运行npm ls或者yarn list检查一下是否还有版本冲突的情况,另外别忘了确认你的第三方依赖库是否兼容Angular 5.2.0版本哦!
内容的提问来源于stack exchange,提问作者user7898461
相关产品推荐
相关产品推荐

