Webpack mit Angular2 und VS 2015

Question

Wie kann ich Visual Studio 2015 in Kombination mit Webpack und Angular2 verwenden? Ich habe eine funktionierende Angular2 App mit VS erstellt, aber jetzt habe ich das Webpack hinzugefügt, um meine App zu erstellen. Ich möchte die IIS Express verwenden, um alle meine Code C# web API in einem einzigen Punkt zu debuggen und ich möchte nicht den externen HTTP-Server verwenden. Hat jemand das getan? Wie kann ich laufen webpack Skripte Arbeit dieser Code

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

Mit dem externen HTTP Server arbeitet meine Build und App machen in Ordnung.

Answer 1

Dies ist eine sehr gute Anleitung zum Einrichten von Angular2 und Webpack in einem Visual Studio 2015 ASP.NET Core-Projekt, das WebAPI ausführt.

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. Ich fand, dass dieser Code tatsächlich ein bisschen besser funktioniert, als wenn Sie nur die Schritte in der Anleitung befolgen. Wenn es Probleme gibt, sehen Sie sich diesen Code an. Wenn Sie ASP.NET MVC5 bevorzugen, ist dies eine Vorlage, die ich sehr nützlich gefunden habe: Dies ist ein Setup mit Visual Studio, Angular2, Webpack und ASP.NET MVC 5: https://github.com/burkeholland/webpack-demo/tree/master/webpack-demo.