如何在Angular 6的一个项目下创建多个应用程序? 在新的angular.json文件中,没有
"app":[]
数组,我们以前手动创建/添加多个应用程序。此时也没有找到正确的文档说明如何在单个项目中创建多个应用程序。任何帮助将不胜感激。谢谢。"app":[]
数组,我们以前手动创建/添加多个应用程序。此时也没有找到正确的文档说明如何在单个项目中创建多个应用程序。任何帮助将不胜感激。谢谢。像 @JB Nizet 说的那样...您可以使用 生成应用程序(https://github.com/angular/angular-cli/wiki/generate-application)
<code>ng generate application <application-name>
</code>
在项目文件夹中生成一个应用程序,然后使用特定工具进行服务。
<code>ng serve --project <application-name>
</code>
同样地,你可以使用
ng generate library
创建组件库(https://github.com/angular/angular-cli/wiki/generate-library)。
<code>ng generate library <library-name>
</code>
用于多个项目的共同组件。这些组件都会被安装在
/projects
文件夹中,除非您在执行ng new
时更改了项目根目录。
ng generate application <name>
命令在现有项目中创建了一个新的应用程序,但是现在我在项目结构方面遇到了一些问题。当我创建项目时,它遵循以下结构:project-name -> project-name -> src -> app。现在当我通过 ng generate 命令创建新应用程序时,它会创建一个新的“project”目录,并在其中创建一个新的应用程序。所以我得到了一个应用程序在“project”文件夹里面,另一个在那个文件夹外面,这在我看来不是一个好的结构。我显然不能将我的原始应用程序移动到 project 文件夹中。还有其他方法吗? - BhargavGng upgrade @angular/cli
ng serve --project="second-app"
ng build --prod --project="second-app" // build prod app
ng generate
命令来创建新的应用程序。但是它所创建的项目结构并不完善,而且有点令人困惑,这是我真诚的看法。请阅读@martzcodes回复中的评论。 - BhargavG使用--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
<router-outlet></router-outlet>.
然后我在app-routing.module.ts文件中添加了一个路由:
{path: '**', redirectTo: 'newApp'}
如果在主要的 app.component 中没有任何内容,应用程序将自动重定向到您的“newApp”