问题描述
在我的 Angular 应用程序中,有一堆模块。
我想从 Angular 构建中排除几个模块。
例如:我有一个存储库,其中确实有包含所有 angular 模块的完整代码,并且运行良好。一些模块是聊天模块,仪表板模块,产品模块,设备模块
- 场景 1: 我只想给一位客户提供聊天模块和产品模块
- 场景 2: 我只想将仪表板模块和图表模块提供给另一个客户。
如何创建角度构建以使用存储库但根据客户端模块要求创建构建并从构建中排除不需要的模块?
解决方法
您可以为不同的客户端维护单独的分支,并从应用模块中排除模块,并禁用路由器和那些不需要的模块的相关设置,并构建并将代码交付给客户端。
,//app-module.ts
import { NgModule,Optional } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
@NgModule({}) class MyModule {}
// you can also put this config client-specific config
const client1 = true;
@NgModule({
imports: [ BrowserModule,client1 ? MyModule : []],declarations: [ AppComponent ],bootstrap: [ AppComponent ]
})
export class AppModule {
constructor(@Optional() module: MyModule) {
console.log(module);
}
}
在延迟加载的情况下,包括基于条件的路由模块(未测试)
//app-module.ts
const client1 = true;
let GlobalRoutingModule
if (client1) {
import('./app-routing-client1.module')
.then((routingModule) => {
GlobalRoutingModule = routingModule
});
} else {
import('./app-routing-client2.module')
.then((routingModule) => {
GlobalRoutingModule = routingModule
});
}