angular - 使用 Angular cli 在同一端口上运行两个单独的应用程序

Question

我想在同一端口上运行两个单独的应用程序，一个用于“客户”，另一个用于“管理员”。在 angular cli 中，您可以在 .angular-cli.json 中添加多个应用程序，但不能同时运行它们。有谁知道我该如何解决这个问题？

Answer 1

您可以创建一个包含这两个应用程序的新模块。
1. 向 .angular-cli.json 添加一个新应用:

"apps": [
{
  "name": "all",
  "root": "src",
  "outDir": "dist",
  "assets": [
    "assets",
    "favicon.ico"
  ],
  "index": "index.html",
  "main": "main-all.ts",
  "polyfills": "polyfills.ts",
  "environmentSource": "environments/environment.ts",
  "environments": {
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts"
  }
}, .......

2。像为其他应用程序一样创建 main-all.ts 文件。 https://github.com/angular/angular-cli/wiki/stories-multiple-apps

3.创建一个公共(public)模块:

@NgModule({
  declarations: [],
  imports: [
    AppModule1,
    AppModule2
  ],
  providers: [],
  bootstrap: [AppComponent1, AppComponent2]
})
export class AppModuleAll {}