web-dev-qa-db-fra.com

Application multiple sous projet unique en Angular 6

Comment créer plusieurs applications sous un seul projet dans Angular 6? Dans le nouveau fichier angular.json, il n'y a pas de "app":[] array, où auparavant nous avions l'habitude de créer/ajouter plusieurs applications manuellement. De plus, il n'y a pas de documentation appropriée que j'ai trouvée à ce stade, qui explique comment créer plusieurs applications en un seul projet. Toute aide serait appréciée. Je vous remercie.

angularangular-cliangular6
18
BhargavG

Comme @JB Nizet l'a dit ... vous pouvez utiliser generate application ( https://github.com/angular/angular-cli/wiki/generate-application )

ng generate application <application-name>

pour générer une application dans le dossier des projets, puis la diffuser à l'aide

ng serve --project <application-name>

De même, vous pouvez créer des bibliothèques de composants à l'aide de ng generate library ( https://github.com/angular/angular-cli/wiki/generate-library )

ng generate library <library-name>

Pour les composants communs utilisés entre les projets. Les deux sont installés dans le /projects dossier, sauf si vous avez modifié la racine du projet lors de l'exécution de ng new.

17
martzcodes

Si vous avez un projet avec plusieurs applications, utilisez les instructions angular upgrade guide ( https://update.angular.io/ ) pour mettre à niveau votre application. l'étape lors de la mise à niveau consiste à exécuter

ng upgrade @angular/cli

(une fois que vous avez mis à niveau votre @ angular/cli vers v6 +). Cela générera un nouveau fichier angular.json en utilisant votre fichier angular-cli.json existant pour plusieurs applications.

pgrade Angular CLI

OR

Modifiez manuellement votre angular.json pour ajouter une nouvelle application au projet existant. Modification du fichier JSON pour ne autre application .

ng serve --project="second-app"

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

Pour que mon application fonctionne, j'ai tout supprimé du fichier principal app.component.html à l'exception du

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

Ensuite, j'ai ajouté un itinéraire à mon app-routing.module.ts fichier:

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

sans rien dans le composant principal de l'application, l'application redirigera automatiquement vers votre "nouvelle application"

0
Austin752