2016-10-31 6 views
3

Как использовать Visual Studio 2015 в сочетании с Webpack и Angular2. Я создал рабочее приложение Angular2 с VS, но теперь я добавил Webpack для создания своего приложения. Я не хочу использовать IIS Express для отладки всего моего кода даже C# web api в одной точке, и я не хочу использовать внешний HTTP-сервер. Кто-нибудь сделал это? Как я могу запустить WebPack скрипты, чтобы сделать работу этого кодWebpack с Angular2 и VS 2015

<!-- 1. Configure Webpack --> 
<% if (htmlWebpackPlugin.options.metadata.isDevServer && htmlWebpackPlugin.options.metadata.HMR !== true) { %> 
<!-- Webpack Dev Server reload --> 
<script src="/webpack-dev-server.js"></script> 
<% } %> 

С внешним сервером HTTP моей сборка и приложение прекрасно работают.

ответ

6

Это очень хорошее руководство по настройке Angular2 и webpack внутри проекта Visual Studio 2015 ASP.NET Core, который запускает WebAPI.

https://offering.solutions/blog/articles/2016/08/27/how-to-set-up-angular-2-and-webpack-in-visual-studio-with-asp-net-core/

The complete starter pack is hosted on github. Я обнаружил, что этот код действительно работает немного лучше, чем если вы просто следуете инструкциям в руководстве, поэтому обратитесь к этому коду, если есть какие-либо проблемы.

Если вы перенести ASP.NET MVC5, это шаблон, который я нашел очень полезным: это настройка с Visual Studio, Angular2, Webpack и ASP.NET MVC 5: https://github.com/burkeholland/webpack-demo/tree/master/webpack-demo.

+0

кто-нибудь попробовал это также со «старым» asp.net webapi – cpiock

+0

В качестве альтернативы вы можете использовать прокси для использования api на сервере webpack. здесь полезная ссылка http://nikolay.rocks/2016-01-13-connect-webpack-to-backend – cpiock

+0

@cpiock см. мой расширенный ответ –

Смежные вопросы