angular - 如何在 Angular 2+ 中构建特定模块

Question

我想知道是否有任何方法可以从具有多个模块的应用程序构建特定模块。

例如，我在应用程序中有模块 a、b 和 c，但我的一个客户只需要 b 和 c。我不想编译所有模块并删除不需要的块，以寻找一种编译仅作为命令或其他东西传递的块的方法。

任何帮助高度赞赏。

Answer 1

您可以使用路由器功能在应用程序中延迟加载子模块。

这将为您的应用程序生成单独的 JS 模块。

不幸的是，所有内容都将被编译，因为您无法在导入等中轻松删除链接，但是如果您的用户没有在您的应用程序中访问这些模块，您的模块将不会被下载或解析。

这是有关此的官方文档链接：

• https://angular.io/guide/router#lazy-loading-route-configuration
• 在这个应用程序中，有一个延迟加载设置路由的好例子：https ://akveo.github.io/ng2-admin/articles/002-installation-guidelines/

注意：在这个例子中，带有基本模块的整个应用程序都是延迟加载的，这不是一个好的做法。只有可能无法访问的子模块才意味着延迟加载。

Answer 2

使用以下结构。

通过 CommonModule使用BrowserModule

import { CommonModule } from '@angular/common';
import { NgModule } from "@angular/core";

import { LastTableComponent } from './last-table.component';

@NgModule({
    imports: [
      CommonModule,          
    ],
    exports:[
      LastTableComponent,
    ],
    declarations: [
      LastTableComponent,
    ],
    providers: [     
    ]

  })
export class LastTableModule { }