Несколько приложений в одном проекте в Angular 6 - программирование
Подтвердить что ты не робот

Несколько приложений в одном проекте в Angular 6

Как создать несколько приложений в одном проекте в Angular 6? В новом файле angular.json нет массива "app":[], где раньше мы использовали/добавляли несколько приложений вручную. Кроме того, на этом этапе не существует надлежащей документации, в которой подробно описывается, как создавать несколько приложений в одном проекте. Любая помощь будет оценена по достоинству. Спасибо.

4b9b3361

Ответ 1

Как сказал @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.

Ответ 2

Если у вас есть проект с несколькими приложениями, используйте инструкции по ускоренному обновлению (https://update.angular.io/) для обновления вашего приложения. Один из шагов при выполнении обновления - запустить

ng upgrade @angular/cli

(как только вы обновите @angle/cli до v6+). Это создаст новый файл angular.json, используя существующий файл angular-cli.json для нескольких приложений.

Модернизация Угловой CLI

ИЛИ ЖЕ

Вручную отредактируйте свой angular.json, чтобы добавить новое приложение в существующий проект. Редактирование файла JSON для другого приложения.

ng serve --project="second-app"

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

Ответ 3

Чтобы приложение работало, я удалил все из основного файла app.component.html, кроме

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

Затем я добавил маршрут в мой файл app-routing.module.ts:

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

если в главном app.component ничего нет, приложение будет автоматически перенаправлено на ваше новое приложение