2016-12-06 40 views
4

我需要在同一項目2個不同的應用:Angular Cli:如何提供2個應用程序?

  • 的index.html> mainApp模塊
  • 的login.html> loginApp模塊

(這需要由Spring Security的管理安全原因)

我VAVE如下所述角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" 
     } 
    } 
    ], 

但只能部署第一個(在「應用程序」數組上)。

如果我在位置[0]反轉登錄,這可以工作,但mainApp模塊不會。

顯然原因是,Angular Cli沒有在第二個html中注入創建的JS文件。

我該如何解決這個問題?

回答

3

UPDATE:多個應用時通過CLI現在支持 - 文檔是here

目前的角度CLI不支持多個應用程序。這將在未來得到支持。

現在,您可以在單獨的目錄下(也稱爲單獨的CLI項目)工作。

+0

謝謝你,同時呻吟,咕嘟咕嘟可能是不錯的選擇。 – elporfirio

+0

不客氣。如果您確實離開CLI,請注意您需要從頭開始(CLI外部)爲這兩個項目創建自己的構建過程。 – Brocco

+1

'--app'選項現在可用於'ng build'等。 – 2017-07-18 11:10:24

0

您可以編輯.angular-cli.json文件和設置多個應用

"apps": [ 
    { 
     "root": "src", 
     "outDir": "../Application.Web.UI/wwwroot/app/Candidate", 
     "assets": [ 
     "assets" 
     ], 
     "index": "index.html", 
     "main": "main.candidate.ts", 
     "polyfills": "polyfills.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.app.json", 
     "testTsconfig": "tsconfig.spec.json", 
     "prefix": "app_andidate", 
     "styles": [ "share/css/material.scss" ], 
     "scripts": [], 
     "environmentSource": "environments/environment.ts", 
     "environments": { 
     "dev": "environments/environment.ts", 
     "prod": "environments/environment.prod.ts" 
     } 
    }, 
    { 
     "root": "src", 
     "outDir": "../Application.Web.UI/wwwroot/app/Company", 
     "assets": [ 
     "assets" 
     ], 
     "index": "index.html", 
     "main": "main.company.ts", 
     "polyfills": "polyfills.ts", 
     "test": "test.ts", 
     "tsconfig": "tsconfig.app.json", 
     "testTsconfig": "tsconfig.spec.json", 
     "prefix": "app_company", 
     "styles": [ "share/css/material.scss" ], 
     "scripts": [], 
     "environmentSource": "environments/environment.ts", 
     "environments": { 
     "dev": "environments/environment.ts", 
     "prod": "environments/environment.prod.ts" 
     } 
    } 
    ], 
+0

您可以指定運行每個應用程序的端口嗎? – Anthony

相關問題