Question

您好我正在尝试构建自定义角度库。使用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添加到imports数组。

自定义角度库导入多个模块而不是桶

1 个答案: