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文件。

我该如何解决这个问题？

来源

2016-12-06 elporfirio

UPDATE：多个应用时通过CLI现在支持 - 文档是here

目前的角度CLI不支持多个应用程序。这将在未来得到支持。

现在，您可以在单独的目录下（也称为单独的CLI项目）工作。

来源

2016-12-06 20:49:15 Brocco

谢谢你，同时呻吟，咕嘟咕嘟可能是不错的选择。 – elporfirio

不客气。如果您确实离开CLI，请注意您需要从头开始（CLI外部）为这两个项目创建自己的构建过程。 – Brocco

'--app'选项现在可用于'ng build'等。 – 2017-07-18 11:10:24

您可以编辑.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" 
     } 
    } 
    ],

来源

2017-04-12 11:22:29 Mirak

您可以指定运行每个应用程序的端口吗？ – Anthony

Angular Cli：如何提供2个应用程序？

回答

相关问题