WEBPACK + MULTIPLE HTML FILES | Webpack 2 Basics Tutorial

Learn Webpack 2 - what it is, how it works and how to use it!

Choose the 06-webpack-babel-scss-img-html branch to start with the same project I do!

Want to become a frontend developer? Consider diving into some of my courses:

See you in the videos!

[khoitran]

This whole Webpack series was literally the best YouTube tutorial I've ever learned from. You are an amazing instructor and your spirit is superb.

[DarknessDescend]

This video series helped me a lot! Thank you! It would be pretty amazing if you could make an updated series on Webpack 4.

[RobertRowntree]

thank you. migrating to webpack is a steep learn curve and your video was to the point w/ plenty of relevant detail. big help to noobies...

[АртурНепран]

Thanks! this video helped me a lot, it remains relevant even for webpack 5

[MarouaneBhch]

Thanks for these series, they are so addictive!!

[enableDeepak]

You were born to teach :) An alternative to exclude is simpler regex test: /^(index|users).html$/

[ashujainvi]

Can you please have an in-depth course on Webpack 4. Which can start with how to use webpack with static websites (also giving idea on how to arrange project folders) and scales to how to use it with angular or react.

[WinchesterD]

Thanks bro, I was struggling to find, how to make separate HTML pages bundle with separate JS files, couln't have done it without you.

[Vlad-ozxv]

Thank you for this response video to commentaries !

[AuxiliaryOfficial]

This is great!! Thanks, I hope you have a tutorial for chunking and tree shaking. Thanks for awesome tuts, I learn a lot. Cheers! 😊

[TheEricBrian]

Hello Max. Max, now that there are multiple html files, what about making it so that one can have a common header and footer? Thx

[carlosduran]

Thank you! Now I want to use pug with webpack (layouts, includes, etc) :O

[WayneJohnsonZastil]

But can you use chunk property using 2nd way?

[serhiisakal]

second way looks great but how inject js in second html ?

[chenxiao]

The second approach to generating a second html in dist folder by fileloader doesn't make any sense:1 It is not logical to import user.html from index.html because the import statement is intended to describe dependency. Why should an html depend on anther html? 2. If you do need to generate 1, 000 htmls, you still need to white 1, 000 imports into your app.js. So it's neither technically nor logically a good solution. I suggest you explain the chunk option in the html-plugin in more details rather than the confusing hacking skills

[TheGryphon]

It would be nice if you could put all these related videos into one playlist so it's easy for us to save it 😃

[medericbellemare]

how can i inject my css in the users folder ? index have css and js but users.html have noting loading in

[kamitetepde]

Thanks for the tuts! Realy helping. I have issue that bundle.js and style.css is not injected on the user.html

[juangom]

Hi Max. Great tutorials. Thanks a lot. You explain the little details that others doesn't in a very practical ways. I did a test copying the html from index.hml and paste it into the users.html. The css, image and javascript works with the first aproach. How can you make it work with the second approach (import users.html; from app.js). Thanks a lot again

[parkhyasolutionstestingqa]

I am not able to run second page, index.html is running fine but second page localhost:8080/index.html is not working