2016-10-31 51 views
3

如何將Visual Studio 2015與Webpack和Angular2結合使用。我用VS創建了一個可用的Angular2應用程序,但現在我已經添加了Webpack來構建我的應用程序。我不想使用IIS Express來調試我所有的代碼,即使是單點的c#web api,我也不想使用外部HTTP服務器。有沒有人做過這個?我怎樣才能運行的WebPack腳本,使工作這段代碼帶有Angular2和VS 2015的Webpack

<!-- 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

這是關於如何在運行WebAPI的Visual Studio 2015 ASP.NET Core項目中設置Angular2和webpack的非常好的指南。

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

作爲替代方案,你可以使用代理在webpack服務器中使用api。這裏有一個有用的鏈接http://nikolay.rocks/2016-01-13-connect-webpack-to-backend – cpiock

+0

@cpiock看到我的擴展答案 –