Angular中依赖非独立第三方库的自定义库能否实现完全独立？

首先明确：你没法完全摆脱导出模块的方式，因为ngx-bootstrap本身是基于Angular模块体系设计的，它的组件/指令需要通过模块导入才能在Angular应用中生效。不过你可以优化库的结构，让它对使用者更友好，同时保持依赖的清晰性。

为什么必须保留模块导出？ #

• ngx-bootstrap的组件（比如Modal、Alert等）并非独立的standalone组件（除非你使用的是ngx-bootstrap最新版本，部分组件支持standalone模式），它们必须通过导入对应的NgxBootstrapModule（如ModalModule、AlertModule）才能被Angular编译器识别并注入依赖。
• 你的自定义库如果封装了这些组件的逻辑，必须确保这些依赖模块在库的上下文里被正确导入，否则使用者直接调用你的库组件时会出现「组件未注册」的错误。

可实施的优化方案（让库更「独立」） #

1. 封装单一入口模块
   继续导出一个模块，但将所有需要的ngx-bootstrap子模块都导入其中，同时导出你自己的组件/服务。这样使用者只需导入你的库模块，无需手动导入ngx-bootstrap的模块：

   // 你的库模块文件
   import { NgModule } from '@angular/core';
   import { ModalModule } from 'ngx-bootstrap/modal';
   import { AlertModule } from 'ngx-bootstrap/alert';
   import { YourCustomComponent } from './your-custom.component';
   
   @NgModule({
     imports: [ModalModule.forRoot(), AlertModule.forRoot()],
     declarations: [YourCustomComponent],
     exports: [YourCustomComponent]
   })
   export class YourLibraryModule { }
   

2. Angular 14+环境下尝试封装standalone组件
   如果你的ngx-bootstrap版本支持standalone组件（如v10+部分组件支持），可以将自定义组件改为standalone模式，然后在组件的imports数组中直接导入所需的ngx-bootstrap standalone组件/模块：

   // 你的standalone自定义组件
   import { Component } from '@angular/core';
   import { BsModalService } from 'ngx-bootstrap/modal';
   import { ModalModule } from 'ngx-bootstrap/modal';
   
   @Component({
     selector: 'your-custom-component',
     template: `<!-- 你的组件模板 -->`,
     standalone: true,
     imports: [ModalModule],
     providers: [BsModalService]
   })
   export class YourCustomComponent {
     constructor(private modalService: BsModalService) { }
   }
   

   这种方式下你无需导出模块，使用者直接导入你的standalone组件即可，但前提是ngx-bootstrap的对应组件支持standalone模式。

3. 清晰声明依赖关系
   在你的库的package.json中，将ngx-bootstrap声明为peerDependencies，这样使用者的项目会统一管理ngx-bootstrap的版本，避免重复打包：

   {
     "peerDependencies": {
       "ngx-bootstrap": "^10.0.0",
       "@angular/core": "^14.0.0"
     }
   }
   

总结 #

如果你的ngx-bootstrap版本不支持standalone组件，必须导出模块来确保依赖的ngx-bootstrap模块被正确导入；如果支持standalone，可以改为导出standalone组件，无需导出模块。但无论哪种方式，都无法完全脱离Angular的模块/standalone体系实现「完全独立」，因为ngx-bootstrap本身依赖该体系。

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