What are these tools? - Grunt, Gulp, Webpack, Browserify. Please help me understand the full stack

I am used to only the basic and minimal Node apps run using node app.js

However recently I have seen the examples of most of the frameworks/libraries using one of the above which are called build tools. Now that is confusing me. Since a week I have been surfing this sea of MVC frameworks and now I am trying to piece up this jigsaw puzzle by listing down all the abstract terms(concepts) used in developing a JS web app.

Below is my understanding. Where do the templating engines, build tools fit here?

{ Server-side JS code that works with DB. Run with node command }

{ Server-side webserver and Routing code}

{ Client-Side JS and HTML}