How to setup Webpack and Webpack Dev Server (2019)

Webpack is almost essential for a JavaScript project. This guide walks through some important packages to use, what each one does, and how to get them to all work together. This features Webpack, the Clean Webpack plugin, Webpack HTML plugin, Webpack dev server with live reloading, the style and CSS loaders and instructions on setting up your Webpack config file.

[meghagupta]

Excellent video! I really enjoyed doing exercise with this video. Thanks a lot. I will look forward more such videos from you. Keep it up.

[nevermindthelabel]

This was great, really appreciated the in-depth tutorial. Subscribed!

[moshetzarfatipiano]

Just here to curse npm and tell the world how much I hate it. thanks

[mdbicky]

thanks a lot for making this video for us. I saw a lot of videos and stuck in dev-server plugin your video is help me out of this problem the way you thanks man keep up the good work

[jderifaj]

Best tutorial on webpack i've seen so far. later versions of webpack-cli require: "dev": "webpack serve", instead of webpack-server

[codeAlongwith]

Great tutorial! So many start out way to complex with webpack. How do you output multiple pages using the page template? Sorry if this is a stupid question.

[artgocode]

Thank you :) Your guide is concise and very helpful!

[xojaebae]

Great tutorial. Very clear and concise.

[notkyle]

Hi, I got a bug, in the Console [WDS] Live reloading enabled. appears twice... how can I fix that?

[rubelmiah]

great tutorial. it have helped for me. thanks a lot for you.

[chimpman]

11:44 where you used the ! to template the HTML file blew my mind, had no idea that was in VSCode.