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/

我使用它在VS 2015中使用webpack设置angular2。到目前为止，如果我在部署到IIS时运行webpack编译/转换的代码，它仍然有用。但我仍然需要弄清楚使用IIS Express运行应用程序时遇到的javascript错误。

Answer 2

您是否尝试将NG2用于MVC？或者你的前端应用程序是完全静态的（只有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不运行。这条路线对我们来说效果更好。