在我的角度应用程序中,有一堆模块。
我想从角度构建中排除几个模块。
例如:我有一个存储库,其中包含所有角度模块的完整代码,并且运行良好。一些模块是聊天模块,仪表板模块,产品模块,设备模块
- 场景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
});
}
您可以为不同的客户端维护单独的分支,并从应用程序模块中排除模块,并禁用路由器和那些不需要的模块的相关设置,并将代码构建并交付给客户端。