Angular CLI : How to serve 2 apps?

Question

我需要在同一个项目上使用 2 个不同的应用程序:

• index.html > mainApp 模块
• login.html > loginApp 模块

(出于 Spring Security 管理的安全原因，这是必需的)

我 vave angular-cli.json 描述如下:

  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.json",
      "prefix": "app",
      "mobile": false,
      "styles": [
        "styles.scss"
      ],
      "scripts": [],
      "environments": {
        "source": "environments/environment.ts",
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    },
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "login.html",
      "main": "login.ts",
      "test": "login-test.ts",
      "tsconfig": "login-tsconfig.json",
      "prefix": "login-app",
      "mobile": false,
      "styles": [
        "login-styles.scss"
      ],
      "scripts": [],
      "environments": {
        "source": "environments/environment.ts",
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],

但只部署第一个(在“apps”数组上)。

如果我在位置 [0] 反转登录，这会起作用，但 mainApp 模块不会。

显然，原因是 Angular Cli 没有在第二个 html 上注入(inject)创建的 JS 文件。

我该如何解决？

Answer 1

UPDATE: Multiple apps are supported now by the CLI - docs are here

目前 Angular CLI 不支持多应用。这是将来会支持的东西。

现在您可以在单独的目录下工作(也称为单独的 CLI 项目)。