2016-10-31 16 views
3

WebpackとAngular2との組み合わせでVisual Studio 2015を使用するにはどうすればよいですか? VSで動作するAngular2 Appを作成しましたが、今ではWebpackを追加して自分のアプリを構築しています。私は、IIS Expressを使用して、すべてのコードを一箇所でC#Web APIでもデバッグするのではなく、外部HTTPサーバーを使用したくありません。誰もこれをしましたか?どのように私は私のビルドとアプリが正常に動作し、外部HTTPサーバーでは、このコードWebpack with Angular2 and VS 2015

<!-- 1. Configure Webpack --> 
<% if (htmlWebpackPlugin.options.metadata.isDevServer && htmlWebpackPlugin.options.metadata.HMR !== true) { %> 
<!-- Webpack Dev Server reload --> 
<script src="/webpack-dev-server.js"></script> 
<% } %> 

仕事をするためにWebPACKのスクリプトを実行することができます。

答えて

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。私は、このコードは実際にガイドの手順に従うよりもちょっとうまくいくことを発見しました。問題がある場合はこのコードを参照してください。

これは私が非常に有用であると判明したテンプレートです。これは、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私の展開の答えを参照 –