2016-10-31 4 views
3

Webpack 및 Angular2와 함께 Visual Studio 2015를 어떻게 사용할 수 있습니까? VS로 작동하는 Angular2 App을 만들었지 만 이제 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 핵심 프로젝트에서 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 내 확장 된 대답보기 –

관련 문제