自定义 Angular 库导入多个模块而不是桶答案

【问题标题】：Custom Angular Library Import multiple Modules not barrel自定义 Angular 库导入多个模块而不是桶
【发布时间】：2019-01-19 04:18:06
【问题描述】：

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

【问题讨论】：

标签： angular yeoman-generator

【解决方案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 添加到导入数组中。

【讨论】：