Package.json中npm依赖版本管理

来由

近期项目中总是报Typescript版本警告，很是烦人，趁着有空，找一下原因，随之就浮现了 npm 依赖版本管理问题。

警告 ⚠️ 信息如下:

=============

WARNING: You are currently running a version of TypeScript which is not officially supported by typescript-estree.

You may find that it works just fine, or you may not.

SUPPORTED TYPESCRIPT VERSIONS: >=3.2.1 <3.6.0

YOUR TYPESCRIPT VERSION: 3.7.4

Please only submit bug reports when using the officially supported version.

=============

Package.json 中为:

{
  "name": "ts",
  "dependencies": {
    // 略
  },
  "devDependencies": {
    "typescript": "^3.2.1"
  }
}

npm 包版本格式

npm 包版本的格式为：

1 2	`major.minor.patch 主版本号.次版本号.修补版本号`

major：新的架构调整，不兼容老版本
minor：新增功能，兼容老版本
patch：修复 bug，兼容老版本

包版本的声明方式有：

version - 必须匹配指定版本, 如 3.2.1
>version - 必须大于指定版本, 如 >3.2.1
>=version - 可大于或等于指定版本, 如 >=3.2.1
<version - 必须小于指定版本, 如 <3.2.1
<=version - 可小于等于指定版本, 如 <=3.2.1
~version - 大约匹配某个版本, 如 ~3.2.1, 如果minor版本号指定了，那么minor版本号不变，而patch版本号任意, 如果minor和patch版本号未指定，那么minor和patch版本号任意
^version - 兼容某个版本, 如 ^3.2.1

如：^1.1.2 ，表示>=1.1.2 <2.0.0，可以是 1.1.2，1.1.3，…..，1.1.n，1.2.n，…..，1.n.n
如：^0.2.3 ，表示>=0.2.3 <0.3.0，可以是 0.2.3，0.2.4，…..，0.2.n
如：^0.0，表示 >=0.0.0 <0.1.0，可以是 0.0.0，0.0.1，…..，0.0.n
x-range - x 的位置表示任意版本, 如 3.2.x
*-range - 任意版本，””也表示任意版本, 如 *, 表示>=0.0.0的任意版本
version1 - version2 - 大于等于version1，小于等于version2, 如 1.1.2 - 1.3.1, 表示包括1.1.2和1.3.1和它们之间的任意版本
range1 || range2 - 满足range1或者满足range2，可以多个范围, 如 <1.0.0 || >=2.3.1 <2.4.5 || >=2.5.2 <3.0.0, 表示满足这 3 个范围的版本都可以

而通常我们通过 npm install typescript/yarn add typescript命令安装的都是 ^version格式

`yarn.lock`/`package.lock.json`的作用

通过上面可知每次下载依赖的版本可能都会不同，这就造成了有时本地 build 完全没有问题，但是推到服务器或者在别人电脑上就会 build 失败。
所以 lock 文件会记录所有包的版本以及包的依赖的版本，这样就可以保证每个人下载的依赖版本都是完全相同的，从而避免很多问题。

问题及总结

结合上面的内容，大家应该看的出来，问题就出在版本声明^3.2.1中的^version格式上面，随着我们增加依赖包，或者更新项目内依赖包，且依赖有更高版本，导致Typescript从3.2.1自动升级到3.7.4，而我的跟Typescript相关的依赖却没有随之升高或暂不支持高版本，导致命令行爆出警告 ⚠️ 提示。

所以大家只有修改一下Package.json中Typescirpt的版本格式并重新安装一下项目依赖就好了。这个问题适用于所有 npm 依赖，并且也反映出我们项目中 npm 依赖版本管理有问题，需要我们改进。