【问题标题】:How to use a custom Angular module in different projects如何在不同的项目中使用自定义的 Angular 模块
【发布时间】:2019-01-15 16:51:20
【问题描述】:

我想创建一个通用模块,其中包含登录、侧边栏等组件以及管道、服务、指令。

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    SidebarComponent,
    InitialsPipe
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  bootstrap: [AppComponent]
})
export class CompanyCommonModule { }

现在,我想在其他项目中使用它,例如:

import { CompanyCommonModule } from 'company-common-module';

【问题讨论】:

  • 为什么不通过 npm 将组件发布为包?
  • 它有公司特定的机密数据
  • 你有什么问题?
  • 请投票删除这个问题,因为我无法删除它。

标签: angular node-modules angular-module


【解决方案1】:

您应该使用库来执行此操作:https://angular.io/guide/creating-libraries

【讨论】:

  • 我们需要在项目中创建一个库。假设我在项目 A 中创建了一个库。构建后,它位于 dist 文件夹中。在项目B中使用(不发布),是否必须将其复制到项目B的dist文件夹中然后使用?
  • 您可以只链接到库,最好的解决方案是使用 TypeScript 路径映射。通常我会推荐使用 angular-cli 工作空间,你可以生成多个项目和库,并且它们共享一个 tsconfig。当您构建一个库时,将生成一个路径映射,您可以在每个项目中使用import {..} from 'my-lib。这里有一些关于工作空间的信息:angular.io/guide/file-structure
  • 感谢您的信息
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-05-06
  • 2022-12-14
  • 2018-12-15
  • 2016-09-09
  • 1970-01-01
  • 2019-05-27
  • 1970-01-01
相关资源
最近更新 更多