Electron JS转TS项目：如何用Inversify实现类Angular的依赖注入？

嘿，我完全懂你这种想在Electron+TypeScript项目里复用Angular依赖注入思路的心情！之前我把老Electron JS项目迁TS的时候，也纠结过同样的问题——Angular Universal太早期不说，和Electron搭配的文档几乎为零，完全没法直接用。后来试了几个DI库，确实InversifyJS是最贴合需求的：轻量、只聚焦DI功能，不像Angular那样带一堆全家桶，非常适合Electron这种需要精简体积的桌面应用。

你提到要做一个类似Angular NgModule 的装饰器？这个思路太赞了，我当时也这么干过！本质上就是让装饰器帮我们自动扫描、注册模块里的服务，不用手动一个个去绑定。给你分享下我实现的核心逻辑：

• 首先，定义一个装饰器函数，比如ElectronModule，它接收一个配置对象（类似NgModule的providers、declarations这些核心字段）
• 在装饰器内部，遍历配置里的providers数组，用Inversify的container.bind()把每个服务绑定到对应的标识上；如果遇到没加@injectable的类，还能自动补上装饰器元数据
• 如果需要像Angular那样支持模块导入（比如共享服务模块），还可以在装饰器里处理imports字段，递归注册导入模块里的所有服务
• 最后把这个装饰器应用到你的Electron主进程/渲染进程的模块类上，就能实现和NgModule一样的“声明式DI配置”，不用再写一堆重复的绑定代码

给你贴个简化版的实现代码参考：

import { Container, injectable, decorate } from "inversify";

// 全局DI容器（主进程和渲染进程建议分开实例化）
const container = new Container();

// 自定义类NgModule的模块装饰器
function ElectronModule(config: { providers: any[] }) {
  return function(target: Function) {
    // 遍历注册所有服务提供者
    config.providers.forEach(provider => {
      // 自动为未标记@injectable的类添加元数据
      if (!Reflect.hasMetadata("inversify:paramtypes", provider)) {
        decorate(injectable(), provider);
      }
      // 绑定服务到容器
      container.bind(provider).toSelf();
    });
  };
}

// 定义你的服务类
class MainWindowService {
  createWindow() {
    // 窗口创建逻辑
  }
}

// 使用装饰器声明主进程模块
@ElectronModule({
  providers: [MainWindowService, AppConfigService]
})
class MainProcessModule {}

// 之后就可以像Angular那样从容器获取注入的服务了
const windowService = container.get(MainWindowService);
windowService.createWindow();

另外还有几个实用小建议：

• 主进程和渲染进程的DI容器一定要分开实例化，避免跨进程的状态污染和上下文冲突
• 渲染进程里使用Inversify完全没问题，打包的时候记得把相关代码包含进去（Electron渲染进程本质就是浏览器环境，兼容度拉满）
• 可以结合TypeScript的emitDecoratorMetadata编译选项，实现构造函数的自动依赖注入，不用手动写@inject标记

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