Angular 6?)で単一のプロジェクトの下に複数のアプリケーションを作成する方法新しいangular.jsonファイルには、以前に手動で複数のアプリケーションを作成/追加するために使用していた"app":[]
配列はありません。また、単一のプロジェクトで複数のアプリケーションを作成する方法を詳しく説明した適切なドキュメントがこの段階で見つかりませんでした。
@JBニゼットが言ったように... 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
フォルダにインストールされます。
複数のアプリケーションを含むプロジェクトがある場合は、angular upgrade guide( https://update.angular.io/ ))の手順を使用して、アプリケーションをアップグレードします。アップグレードの実行中のステップは実行することです
ng upgrade @angular/cli
(@ angular/cliをv6 +にアップグレードしたら)。これにより、複数のアプリケーションの既存のangular-cli.jsonファイルを使用して、新しいangular.jsonファイルが生成されます。
Angular.jsonを手動で編集して、既存のプロジェクトに新しいアプリケーションを追加します。 別のアプリケーション のJSONファイルを編集しています。
ng serve --project="second-app"
ng build --prod --project="second-app" // build prod app
アプリケーションを機能させるために、メインのapp.component.htmlファイルから、
<router-outlet></router-outlet>.
次に、ルートをapp-routing.module.tsファイルに追加しました。
{path: '**', redirectTo: 'newApp'}
メインのapp.componentに何もない場合、アプリケーションは自動的に「newApp」にリダイレクトされます