Как настроить asp.net Angular 2 проекта с использованием Angular-Cli с ASP.NET Core в Visual Studio 2015?

Я настроил Angular 2 проект, используя Angular-Cli, и он работает со мной. есть какой-нибудь способ добавить этот проект в ядро ​​asp.net в visual studio

 Ashkan Rahmani13 нояб. 2017 г., 19:20
Вы должны просто напечататьdotnet new angular в вашем терминале.
 Iman Bahrampour01 сент. 2017 г., 08:20
Я нашел очень полезный шаблон для создания и управления проектами Angular-Cli в ASP.NET Core.Угловой шаблон
 2nyacomputer26 февр. 2018 г., 20:38

Ответы на вопрос(4)

что вы должны поместить cli-проект в корень asp-проекта, а затем установить выходные данные cli build в wwwroot. Затем вам нужно настроить привязки задач npm, чтобы cli build работал с asp build и другими задачами для тестов. Это позволит вам использовать Cli Project на сервере сборки (но вам все равно придется настроить сервер сборки на наличие npm и узла, чтобы обновлять глобальные и локальные пакеты Cli, как описано на их странице GitHub. Чтобы иметь возможность запускать проект на стороне отладки Помимо отладки asp, вам может потребоваться вручную выполнить ng serve во время разработки и настроить CORS для приложения asp, так как ng serve будет работать по другому адресу. Вы можете использовать условное включение CORS в конфигурации asp с помощью проверки среды.

когда игроки в этом сценарии повзрослели, мое любимое решение для этого - Рик СтралAlbumViewer приложение. Он использовал его в качестве образца для своих многочисленных постов в блоге о продолжающемся развитии обеих технологий. Пока это самое чистое и наиболее адаптируемое решение. Он использует инструмент Angular cli (построенный поверх Webpack) для запуска всего процесса разработки и производства.

Разработка выполняется в отдельном проекте веб-сайта в решении, и процесс производственной сборки копирует содержимое папки Angular dist в wwwroot для окончательной производственной сборки. Чисто, просто и легко следовать.

Это лучший ответ, который я когда-либо видел на этот вопрос.Объедините angular-cli с ядром asp.net

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

 Ernesto08 апр. 2017 г., 00:07
Я хотел бы процитировать или обобщить его инструкции, но я согласен, что это одно из лучших объяснений, которое действительно привело вас туда.

.net. Если вы хотите, вы можете поместить их в свое приложение MVC, это ваше личное решение разделить их или нет, это решение хорошо работает с angular-cli или web-pack.

1- Используйте angular-cli (ng new your-app-name) или клонируйте ваш веб-пакет из Git.

2. Создайте одну новую библиотеку классов в своем решении или вы можете создать папку в существующем проекте ASP.Net MVC Core. затем скопируйте все загруженные файлы из предыдущего шага.

3 - найдите .angular-cli.json и отредактируйте «outDir». Вам необходимо войти в вашу папку MVC Core wwwroot.

"apps": [
    {
      "root": "src",
      "outDir": "../Web.UI/wwwroot/app" //!if you separated your angular app from your MVC project,
      "outDir": "../wwwroot/app" //!if you have your angular and mvc app in a same project,
      "assets": [
        "assets"
      ],
      "index": "index.html",
      "main": "main.candidate.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app_andidate",
      "styles": [ "share/css/material.scss" ],
      "scripts": [],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
}

4- Откройте команду и перейдите в каталог Angular или проект и используйте эту команду, чтобы опубликовать свой Angular в каталоге MVC wwwroot / app.

5. Вы можете использовать эту команду для публикации вашего приложения в режиме отладки.

ng build --dev

и эта команда для публикации вашего приложения в режиме релиза

ng build --output-hashing none --prod --aot 

6 - создать действие в вашем контроллере MVC. Я создал контроллер с именем AppController, и мой views / App / Index.cshtml выглядит следующим образом.

@section Heads{
    <base href="/App/Index/">
}
@section Scripts{
    <script type="text/javascript" src="/app/inline.bundle.js"></script>
    <script type="text/javascript" src="/app/polyfills.bundle.js"></script>
    <script type="text/javascript" src="/app/vendor.bundle.js"></script>
    <script type="text/javascript" src="/app/main.bundle.js"></script>
}
<app-root>Loading...</app-root>

Вы можете использовать ваши views / Home / Index.html для размещения вашего углового приложения, если вам нужно.

Чтобы не использовать команду, я создал 2 .bat файла

1 - DebugBuild.bat

%cd%
ng build --dev

2 - ReleaseBuild.bat

%cd%
ng build --output-hashing none --prod --aot

Теперь вы можете просто dbclick на .bat файл, чтобы опубликовать ваше приложение Angular. Также вы можете запустить приложение Angular с помощью команды ng serve или npm start из каталога angular.

а затем переместил бы содержимое проекта Angular.src папка вwwwroot - и переименуйте любую ссылку наsrc папка.

Это прекрасно сочетается сwwwroot для клиентского приложения, а Angular 2 именно такой.

Ваш ответ на вопрос