如何将Angular包内置ansi-regex依赖升级至5.0.3版本

直接手动修改package-lock.json中的版本配置无法持久生效，该文件是npm根据依赖规则自动计算生成的锁文件，执行npm install时会重新校验依赖树，覆盖手动修改的内容。要将@angular/compiler-cli、@angular/localize内置的ansi-regex子依赖固定升级到5.0.3版本，根据你使用的包管理器版本选择对应操作即可：

推荐方案（npm 8.3.0及以上版本原生支持） #

使用npm官方提供的overrides配置项强制覆写嵌套依赖版本，不需要额外安装工具：

• 打开项目根目录的package.json文件，新增顶级配置项overrides，如果只想精准修改两个Angular包下的子依赖，不影响其他依赖引用的ansi-regex版本，配置写法如下：

{
  // 此处保留你原有的name、version、dependencies、devDependencies、scripts等所有配置
  "overrides": {
    "@angular/compiler-cli": {
      "ansi-regex": "5.0.3"
    },
    "@angular/localize": {
      "ansi-regex": "5.0.3"
    }
  }
}

如果需要全局把项目所有层级的ansi-regex都统一到5.0.3版本，可以简化配置为：

"overrides": {
  "ansi-regex": "5.0.3"
}

• 删除项目根目录下的node_modules文件夹和已有的package-lock.json文件
• 重新执行npm install，安装完成后检查锁文件，即可看到两个包下的ansi-regex已经替换为5.0.3版本，后续执行安装命令也不会被回退。

兼容方案（npm 8.3以下版本 / 使用yarn作为包管理器） #

如果使用yarn，或者npm版本较低不支持overrides字段，可以通过resolutions规则实现：

• 使用yarn的场景：直接在package.json中新增顶级resolutions配置：

{
  // 保留原有所有配置
  "resolutions": {
    "ansi-regex": "5.0.3"
  }
}

删除node_modules和yarn.lock后重新执行yarn install即可生效。

• 使用低版本npm的场景：
  1. 执行命令安装适配工具：npm install npm-force-resolutions --save-dev
  2. 在package.json中新增和上述yarn一致的resolutions配置，指定ansi-regex版本为5.0.3
  3. 在scripts配置段中新增预安装钩子：

  "scripts": {
    // 保留原有其他脚本配置
    "preinstall": "npx npm-force-resolutions"
  }
  

  4. 删除node_modules和package-lock.json，重新执行npm install即可完成版本替换。

注意：所有依赖版本的固定、升级调整，都要通过package.json的合法配置项实现，不要依赖手动修改自动生成的锁文件来持久化配置，否则后续安装依赖时很容易出现版本被回退、依赖树不一致的问题。

内容的提问来源于stack exchange，提问作者bittersour