Angular 6中单个项目下的多个应用程序

Question

如何在Angular 6的单个项目下创建多个应用程序？在新的angular.json文件中，没有"app":[]数组，在此之前我们曾经用来手动创建/添加多个应用程序。在此阶段，我也没有找到适当的文档，这些文档详细说明了如何在单个项目中创建多个应用程序。任何帮助，将不胜感激。谢谢。

Answer 1

就像@JB Nizet所说...您可以使用generate application（https://github.com/angular/angular-cli/wiki/generate-application）

ng generate application <application-name>

在项目文件夹中生成一个应用程序，然后使用

ng serve --project <application-name>

类似地，您可以使用ng generate library（https://github.com/angular/angular-cli/wiki/generate-library）

创建组件库。

ng generate library <library-name>

用于项目之间使用的通用组件。除非您在进行/projects时更改了项目根目录，否则这两个目录都将安装到ng new文件夹中。

Answer 2

如果您的项目包含多个应用程序，请使用角度升级指南（https://update.angular.io/）说明升级应用程序。进行升级的步骤之一是运行

ng upgrade @angular/cli

（一旦将@ angular / cli升级到v6 +）。这将使用您现有的angular-cli.json文件生成多个应用程序。

Upgrade Angular CLI

OR

手动编辑angular.json以将新应用程序添加到现有项目。正在编辑Another Application的JSON文件。

ng serve --project="second-app"

ng build --prod --project="second-app" // build prod app

Answer 3

使用--createApplication="false"

创建工作区

ng new MultipleApps --createApplication="false"
cd MultipleApps  

使用ng generate application添加尽可能多的应用程序

ng generate application app1
ng generate application app2

要运行该应用，请使用ng serve

ng serve app1

来源Angular multiple projects

Answer 4

为了使我的应用程序正常运行，我从 app.component.html 主文件中删除了所有内容，但

<router-outlet></router-outlet>. 

然后我在 app-routing.module.ts 文件中添加了一条路由：

{path: '**', redirectTo: 'newApp'}

在主app.component中没有任何内容的情况下，该应用程序将自动重定向到您的“ newApp”