Custom Angular Library Import multiple Modules not barrel

Question

您好，我正在尝试构建自定义 Angular 库。使用 yeoman-generator (link) 我得到了一个可以构建的模板，效果很好。问题是它使用了一个（不再是最佳实践）桶index.ts，我想要的是每个组件能够有一个模块并相应地导入。

Answer 1

如果有人遇到同样的问题，以下是我的文件现在的结构和连接方式：

我有一个具有所需功能的组件HelloWorld

然后是这个组件的模块：

import { NgModule, ModuleWithProviders } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HelloWorld } from './hello-world.component';

export * from './hello-world.component';

@NgModule({
  imports: [
    CommonModule
  ],
  declarations: [
    HelloWorld,
  ],
  exports: [
    HelloWorld,
  ]
})
export class HelloWorldModule {}

最后在 index.ts 文件中只有这一行：

export * from './hello-world.module';

要在项目中使用 app.module.ts 导入是：

import { HelloWorldModule } from 'test-lib'

并且还将 HelloWorldModule 添加到导入数组。