Angular 2與Webpack和Visual Studio 2015

Question

我有一個Angular 2解決方案，我一直在使用webpack，並且能夠使用npm install和npm start來運行它。我想將我開發的代碼移到我正在使用的.Net 4.5.2解決方案中。我環顧四周，並沒有看到可以與.Net 4.5.2風格的項目配合使用的解決方案。由於webpack將所有內容捆綁到分發類型文件夾中，而不是在項目中，我如何指向應用的啓動頁面？

Answer 1

試試這個指南

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

我在2015年VS使用該設置angular2用的WebPack到目前爲止，它的工作，如果我用的WebPack在部署到IIS運行編譯/ transpiled代碼。但我仍然需要找出使用IIS Express運行應用程序時得到的javascript錯誤。

Answer 2

你是否試圖在MVC中使用NG2？或者你的前端應用程序是完全靜態的（只有html/js）？如果完全是靜態的，我有類似的問題，並且在使其工作之前必須嘗試幾種不同的方法。這取決於你是否需要使用IISEXPRESS，或者你可以在VS之外運行，比如通過Node。

如果你想要IISEXPRESS，那麼我建議你按照這個帖子設置一個OWIN層，它將提供靜態文件。這基本上是模仿.NET Core如何做的。

Using a wwwroot folder (ASP.NET 5 style) in ASP.NET 4.5 project

我最初去這條道路，但最終轉身爲我不可能讓IIS以皮卡的變化。就像當你保存一個文件一樣，webpack將會重建，但是IIS並不總是會把它讀出來。我不知道，當我做到這一點時，它是片狀的。

所以我對Leo發佈的鏈接採取了類似的方法。我使用了webpack-dev-server，並在VS項目屬性中將Web設置爲外部，以便IISEXPRESS不運行。這條路線對我們來說效果更好。