使用Webpack、Angular2和VS 2015

Question

使用Webpack、Angular2和VS 2015

visual-studioangulartypescriptnpmwebpack

3

如何将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服务器时，我的构建和应用程序运行良好。

- cpiock

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Klas Mellbourn · Accepted Answer

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

完整的入门套件托管在github上。我发现，如果您只是按照指南中的步骤进行操作，那么这段代码实际上会更好地运行，因此如果有任何问题，请参考此代码。

如果您喜欢ASP.NET MVC5，则我发现这是一个非常有用的模板：这是一个使用Visual Studio、Angular2、Webpack和ASP.NET MVC 5设置的模板：https://github.com/burkeholland/webpack-demo/tree/master/webpack-demo。