visual studio - Webpack med Angular2 och VS 2015


Hur kan jag använda Visual Studio 2015 i kombination med Webpack och Angular2. Jag har skapat en fungerande Angular2-app med VS men nu har jag lagt till Webpack för att bygga min app. Jag vill använda IIS Express för att debugga all min kod, även C# Web API, på en enda plats och jag vill inte använda en extern HTTP-server. Har någon gjort detta? Hur kan jag köra Webpack-skript för att få denna kod att fungera?

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

Med den externa HTTP-servern fungerar mitt bygge och min app bra.

Svar #1

Detta är en mycket bra guide om hur man ställer in Angular2 och webpack i ett Visual Studio 2015 ASP.NET Core-projekt som kör WebAPI.

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

Det kompletta startpaketet finns på GitHub. Jag upptäckte att denna kod faktiskt fungerar lite bättre än om du bara följer stegen i guiden, så hänvisa till denna kod om det uppstår några problem.

Om du föredrar ASP.NET MVC5, är detta en mall som jag har tyckt vara mycket användbar: Detta är en uppsättning med Visual Studio, Angular2, Webpack och ASP.NET MVC 5: https://github.com/burkeholland/webpack-demo/tree/master/webpack-demo.

Relaterade artiklar