如何在Angular 15中同时使用Bootstrap 3和4并解决npm依赖冲突？

升级至Angular 15后，项目遭遇依赖冲突：

• 大量旧代码仅兼容Twitter Bootstrap 3.3.7（当前依赖bootstrap-sass包）
• 另一部分代码需使用Bootstrap ^4.3.1
  无法直接替换package.json中的"bootstrap": "3.3.7"为"bootstrap": "^4.3.1"，执行npm i时触发如下ERESOLVE依赖冲突错误：

npm i

npm ERR! code ERESOLVE             
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: my-lib@1.2.8
npm ERR! Found: bootstrap@3.3.7
npm ERR! node_modules/bootstrap
npm ERR!   bootstrap@"3.3.7" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer bootstrap@"^4.3.1" from my-lib@1.2.8
npm ERR! node_modules/my-lib
npm ERR!   my-lib@"1.2.8" from the root project   
npm ERR! 
npm ERR! Conflicting peer dependency: bootstrap@4.6.2
npm ERR! node_modules/bootstrap
npm ERR!   peer bootstrap@"^4.3.1" from my-lib@1.2.8
npm ERR!   node_modules/my-lib
npm ERR!     my-lib@"1.2.8" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps

不希望使用npm i --legacy-peer-deps或--force参数，寻求替代解决方法。

解决方法 #

1. 用npm overrides字段强制指定依赖版本 #

npm 8.3+支持overrides字段，可强制让特定依赖使用指定的Bootstrap版本，同时满足不同代码的需求。在项目根目录的package.json中添加：

{
  "overrides": {
    "my-lib": {
      "bootstrap": "^4.3.1"
    }
  }
}

配置后，my-lib会使用Bootstrap ^4.3.1，项目根依赖保持Bootstrap 3.3.7，npm会将两个版本的Bootstrap分别安装到node_modules，供不同代码调用。

2. 拆分代码模块隔离版本 #

将依赖Bootstrap 3的旧代码和依赖Bootstrap 4的新代码拆分为独立子模块（如Angular库或独立npm包），每个子模块单独声明Bootstrap依赖：

• 旧代码子模块的package.json声明"bootstrap": "3.3.7"
• 新代码子模块的package.json声明"bootstrap": "^4.3.1"
  主项目通过引用两个子模块避免根目录的依赖冲突。

3. 升级或替换冲突依赖库 #

检查my-lib是否有更新版本，新版本可能已兼容Bootstrap 3或放宽了peer依赖版本范围。若有可用更新，直接升级my-lib即可解决冲突。
若my-lib无合适更新，可寻找功能类似、兼容Bootstrap 3的替代库替换当前my-lib。

4. 用别名安装不同版本Bootstrap #

通过npm别名功能同时安装两个版本的Bootstrap，在代码中分别引入：
执行安装命令：

npm install bootstrap3@npm:bootstrap@3.3.7
npm install bootstrap4@npm:bootstrap@^4.3.1

在代码中按需引入对应版本：

• 旧代码：import 'bootstrap3/dist/css/bootstrap.css';
• 新代码：import 'bootstrap4/dist/css/bootstrap.css';
  同时更新package.json中的依赖声明，确保两个版本被正确记录。

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