Question

我正在使用Webpack GitHub repo构建TypeScript项目。默认情况下，该应用程序允许依赖项注入，并且我看不到安装提供IoC的软件包，所以我只能假定TypeScript已经具有某种基本的DI？我找不到有关TypeScript IoC容器的文档。

我正在寻找的是一种设置应用程序初始化的方法，该方法不会使用new运算符创建可笑的DI链。请参考以下示例：

class Stage {
  constructor(
    private light: Light,
  ) { }
}

class App {
  constructor(
    private stage: Stage,
  ) { }
}

class Init {
  constructor(
    private app: App,
  ) { }
}

const init: Init = new Init(new App(new Stage()));

似乎我需要对分解器进行处理？我是否必须安装InversifyJS之类的东西才能实现此目的？

我确定可以实现以下代码，但是如何告诉IoC容器解析Init的依赖关系？我必须在某个地方创建解析器吗？

const init: Init = new Init();

Answer 1

最后我遇到了同样的问题，最后我使用了inversifyJS，它可以与Typescript一起使用。

该库非常密集，但是绝对可以实现您所需要的。您首先需要安装以下内容：

npm install inversify reflect-metadata --save

然后在tsconfig.json文件中进行以下更改：

{
    "compilerOptions": {
        "target": "es5",
        "lib": ["es6"],
        "types": ["reflect-metadata"],
        "module": "commonjs",
        "moduleResolution": "node",
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true
    }
}

然后，使用上面的示例：

import { injectable, inject } from "inversify";
import "reflect-metadata";

@injectable()
class Stage {
  private light: Light;

  constructor(
    @inject(Light) light: Light,
  ) { 
     this.light = light;
  }
}

@injectable()
class App {
  private stage: Stage;
  constructor(
    @inject(Stage) stage: Stage,
  ) { 
     this.stage = stage;
  }
}

@injectable()
class Init {
  private app: App;
  constructor(
    @inject(App) app: App
  ) { 
    this.app = app;
  }
}

然后应创建一个inversify.config.ts文件。这是所有依赖项都会被注入：

import 'reflect-metadata';
import { Container } from "inversify";
// import all of the Stage/Light/etc. classes also

let DIContainer = new Container();
DIContainer.bind<Stage>(Stage).toSelf();
DIContainer.bind<Light>(Light).toSelf();


export default DIContainer;

最后，转到实例化Init类的文件，并将其更改为以下内容：

import 'reflect-metadata';
import DIContainer from '../src/dependencies';
// import Init class as well

const init: Init = DIContainer.resolve<Init>(Init);

我很可能忘记了某处或在某处有错误，但这是主要思想。希望这会有所帮助。

使用依赖注入的TypeScript应用程序初始化

1 个答案: