mvc5-angular-webpack icon indicating copy to clipboard operation
mvc5-angular-webpack copied to clipboard

To integrate Angular and Webpack into ASP.NET MVC application for both development and production deployment

mvc5-angular-webpack

Integrate Angular and Webpack into ASP.NET MVC application for both development and production deployment.

Recommend to use Visual Studio Code for Angular development and Visual Studio 2017 to run the MVC application.

The repository came up after I answered a question on Stackoverflow

How to run?

Node.js and npm are essential to Angular development.

Get them now if they're not already installed on your machine.

Verify that you are running node v6.x.x or higher and npm 3.x.x or higher by running the commands node -v and npm -v in a terminal/console window. Older versions produce errors.

  • Clone or download the repository. It will contain Server and Client folders.
  • Make sure you have node installed as above requirement.
  • Open Client folder, run build.bat.
  • Open Web-Core.sln in Visual Studio, press F5 or Ctrl + F5 to run the web application.

If everything works fine, you will see the screenshot below.

module 1 module 2

For step by step tutorial, please visit https://trungk18.com/experience/asp.net-mvc-5-angular-webpack/

Reference

This module 2 originally based on the tutorial Tour of Heroes@Angular team