How to add Webpack 4 to Asp.Net Core 3.1 MVC application step by step

How to add Webpack 4 to Asp.Net Core 3.1 MVC application step by step

There are not many examples of how to use a Webpack 4 on the front-end part of the ASP.NET Core 3.1 MVC application. One way is to use some specific middleware, but here I will use tools and pipelines that are conventional among the front-end developers:

  • NPM package manager to manage Node.js packages and to run scripts.
  • Javascript ES6-module syntax in the JavaScript code.
  • SASS to process styles.
  • Webpack 4 to bundle all things together.
  • and Visual Studio Code as an IDE.

So, let’s start.

Continue reading “How to add Webpack 4 to Asp.Net Core 3.1 MVC application step by step”