Лучший способ интегрировать Angular2 + в ASP. Net MVC 4 - PullRequest
Новая
       5

Лучший способ интегрировать Angular2 + в ASP. Net MVC 4

0 голосов
/ 10 февраля 2020

Я работаю со старой Asp. Net Framework 4 прежней системой. Работодатель хочет, чтобы я интегрировал Angular внутри него, чтобы использовать компоненты на существующем в настоящее время сайте. Я знаю, что это возможно, но я когда-либо работал над SPA как их собственные сайты, а не как дополнения.

Я хотел бы получить информацию о том, как интегрировать Angular в Asp. Net, в частности, как добавить npm, как визуализировать компоненты и как запустить его локально.

Любая помощь всегда ценится.

1 Ответ

0 голосов
/ 19 февраля 2020

TLDR: Создайте проект ng в вашем каталоге проекта ASP. Net, а затем добавьте конфигурацию webpack для компиляции ваших машинописных файлов в JavaScript. После этого просто добавьте команду webpack build / watch как часть событий сборки visual studio.

Длинное объяснение:

  • Перейдите в каталог ASP. Net проекта
  • Добавьте проект ng, используя Angular CLI ng create project_name
  • Создайте файл webpack.config. js в каталоге проекта Angular и загрузите соответствующие загрузчики и пресеты, которые вы хотели бы использовать. (IE typScript-loader, babel-loader и др. c.)
  • Установка npm скриптов в ваших пакетах. json файл для запуска веб-пакета по команде
  • Щелкните правой кнопкой мыши на вашем ASP. Net project и выберите properties -> build build
  • Введите свой сценарий npm (с добавлением соответствующих каталогов) в pre событие Это запустит веб-пакет, когда вы нажмете кнопку запуска Visual Studio.

Я думаю, что эта конфигурация работает очень хорошо, но я хотел бы настроить ее так, чтобы она была защищена от идиотов. Прямо сейчас новому разработчику было бы очень легко испортить команды webpack или забыть добавить сценарий события сборки.

...