web-dev-qa-db-ja.com

Angular 6の単一プロジェクトでの複数のアプリケーション

Angular 6?)で単一のプロジェクトの下に複数のアプリケーションを作成する方法新しいangular.jsonファイルには、以前に手動で複数のアプリケーションを作成/追加するために使用していた"app":[]配列はありません。また、単一のプロジェクトで複数のアプリケーションを作成する方法を詳しく説明した適切なドキュメントがこの段階で見つかりませんでした。

18
BhargavG

@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フォルダにインストールされます。

17
martzcodes

複数のアプリケーションを含むプロジェクトがある場合は、angular upgrade guide( https://update.angular.io/ ))の手順を使用して、アプリケーションをアップグレードします。アップグレードの実行中のステップは実行することです

ng upgrade @angular/cli

(@ angular/cliをv6 +にアップグレードしたら)。これにより、複数のアプリケーションの既存のangular-cli.jsonファイルを使用して、新しいangular.jsonファイルが生成されます。

アップグレードAngular CLI

OR

Angular.jsonを手動で編集して、既存のプロジェクトに新しいアプリケーションを追加します。 別のアプリケーション のJSONファイルを編集しています。

ng serve --project="second-app"

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

アプリケーションを機能させるために、メインのapp.component.htmlファイルから、

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

次に、ルートをapp-routing.module.tsファイルに追加しました。

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

メインのapp.componentに何もない場合、アプリケーションは自動的に「newApp」にリダイレクトされます

0
Austin752