I have a Angular 2 solution that I have been working with that uses webpack and I am able to get it up and running with npm install and npm start. I want to move the code that I have been developing into a .Net 4.5.2 solution that I am working with. I have looked around and haven't seen a solution that works with the .Net 4.5.2 style of projects. Since webpack bundles everything to a distribution type folder, one that is not in the project, how do I point the startup page of the app?
Asked
Active
Viewed 630 times
1
-
1Something to check out: https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html – R. Richards Oct 26 '16 at 21:00
-
I have looked at that and am familiar. My issue at this point is on the webpack side – Isaac Levin Oct 26 '16 at 21:03
2 Answers
0
try this guide
i used this to setup angular2 with webpack in VS 2015. So far it's working if i run the compiled/transpiled code by webpack when deployed to IIS. But I still need to figure out the javascript error i get when running the app using IIS Express.
0
Are you trying to use NG2 with MVC? Or is your frontend app completely static (only html/js)? If completely static, I had a similar problem and had to try out a few different ways before making it work. It depends on if you need to use IISEXPRESS or if you are ok running outside of VS, like through Node.
If you want IISEXPRESS, then I suggest you follow this post and setup an OWIN layer that will serve up the static files. This basically mimic's how .NET Core does it.
Using a wwwroot folder (ASP.NET 5 style) in ASP.NET 4.5 project
I initially went down that road but ended up turning around as I couldnt get IIS to pickup changes. Like when you save a file, webpack will rebuild but IIS doesnt always pick it up. I dunno, it was flaky when I did it.
So I took a similar approach to the link posted by Leo. I used the webpack-dev-server and in the VS project properties, set the Web to be external so that IISEXPRESS doesnt run. That route worked a lot better for us.
