ASP.Net Core MVC с несколькими приложениями Angular 2

Я пытаюсь подготовить структуру для проекта, который, как я знаю, будет возрастать по сложности. Я хочу использовать ASP.Net Core MVC для навигации верхнего уровня. В каждом из основных видов я хочу разместить приложение Angular 2.

Я начал с этого шаблона Yoman, чтобы поднять исходную точку Angular 2 с шаблоном ASP.Net Core. Это построено и хорошо работает.

В корне моего проекта я хочу иметь папку AngularApps и внутри нее папку для каждого приложения Angular, например "Планирование", "Утилиты", "Оборудование".

Есть несколько проблем, которые я не могу понять:

  • Как настроить Webpack?
  • У меня есть одна папка dist внутри AngularApps?
  • У меня есть файл boot-client и boot-server для каждого приложения Angular 2 в его соответствующей папке приложения?

Мне кажется, прагматичный подход к планированию с самого начала иметь несколько приложений Angular 2, каждый из которых имеет более целенаправленную ответственность. Я не могу найти четких примеров того, как практически сделать эту работу. Я уверен, что это было бы полезно для многих людей.

Большое спасибо.

Ответ 1

У нас была одна и та же проблема в нашей компании и придумал эту структуру.

У нас есть один главный проект для ASP.NET Core, и как вы... у нас есть корневая папка с именами приложений или AngularApps в вашем случае. Затем мы создали отдельные проекты для каждого приложения angular, которое мы разработали. Каждое из этих angular приложений - это базовые проекты node, которые мы используем angular CLI для создания проекта. Это включает в себя Webpack и множество других полезных инструментов для вашего проекта.

Наконец, в настройках сборки Production мы сделали наш выходной каталог этих проектов angular установленным в определенную папку в папке wwwroot нашего основного ASP.NET Core Project.

Надеюсь, это поможет, дайте мне знать, если у вас есть какие-либо вопросы.

Ответ 2

Я использую настройку, аналогичную описанной aholtry - больше информации здесь