如何解决如何从角度构建中排除模块?
在我的 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
});
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。