Getting an ASP.NET MVC 5 project to build Angular

Question

I have an existing ASP.NET MVC 5 project that I will be retrofitting to use Angular. Using a new ASP.NET Core project with the Angular template, I've been able to configure the spa services so that it runs properly.

The problem I'm running into is that the Angular app doesn't build properly when you run the ASP.NET MVC app. If I run a ng build before running the ASP.NET MVC app, everything comes up just fine.

But when it's just the ASP.NET MVC build, typescript compiles, but it doesn't run ng build. I've tried putting the commands in prebuild with no luck.

Any suggestions on where to go from there would be appreciated, thanks!

daremachine · Accepted Answer · 2019-06-10 21:23:32Z

1

Try add this into web config.

<Target Name="Build Angular Debug" Condition="'$(Configuration)'=='Debug'" BeforeTargets="Build">
    <Message Text="* * * * * * Building Debug Angular App * * * * * *" />
    <Exec Command="ng build" />
</Target>

FINAL OP EDIT by comments

<Target Name="Build Angular Debug" Condition="'$(Configuration)'=='Debug'" BeforeTargets="Build">
    <Message Text="* * * * * * Building Debug Angular App * * * * * *" />
    <Exec Command="ng build" WorkingDirectory="$(ProjectDir)ClientApp" />
</Target>

edited Jun 10, 2019 at 21:23

answered Jun 6, 2019 at 19:43

daremachine

2,7982 gold badges27 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Arthurdent510 Over a year ago

are you referring to web.config? Or the project file? I thought <Target> tags belonged in the project config file...

Arthurdent510 Over a year ago

So this did solve the problem, the only change I had to make was to specify the working directory on the exec command, since the angular app was in a subdirectory on the project, ng build couldn't find the app till I did that. The final exec statement looked like this: <Exec Command="ng build" WorkingDirectory="$(ProjectDir)ClientApp" />

Collectives™ on Stack Overflow

Getting an ASP.NET MVC 5 project to build Angular

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related