Question

如何将Visual Studio 2015与Webpack和Angular2结合使用。我用VS创建了一个可用的Angular2应用程序，但现在我已经添加了Webpack来构建我的应用程序。我不想使用IIS Express来调试我的所有代码，即使是c＃web api，我也不想使用外部HTTP服务器。有没有人这样做过？如何运行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 Server，我的构建和应用程序正常工作。

Answer 1

这是一个非常好的指南，介绍如何在运行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。

Webpack与Angular2和VS 2015

1 个答案: