Learn Webpack Pt. 4: Configuring Webpack

This 10-part course teaches Webpack from scratch. It begins with a simple question: "What is webpack?" Quickly we move on to installing Webpack, configuring it, and adding loaders for CSS, SASS, HTML, and Files. The course covers cache busting, setting up a dev server, and splitting up your development and production config files. We incorporate multiple Webpack plugins including clean-webpack-plugin, mini-css-extract-plugin, optimize-css-assets-webpack-plugin, terser-webpack-plugin, and html-webpack-plugin. It's a lot of stuff :)

[DIEZ]

Frankly speaking, there are a couple of good teachers over the whole internet and Colt one of them! Every time, believe me, every time I'm starting to watch his videos I'm thinking that it's too complicated or it's missing something, then I'm angry at yourself, right after the end of the video I'm admitting - that's exactly what I was needed!!!!

[burcuicen]

you made me fall in love with web development, thank you for everything

[nunoalmeida]

Colt, as usual, your presentations are clear and to the point! Cheers

[richardl]

Thanks Colt, you've made something that initially seemed complex, easy to understand and your tutorials explain what each part of the code is doing which is really helpful.

[AkuangxD]

Great details for all the additional parts like how path comes from node, it really helps for someone who is trying to follow along and has zero knowledge! Keep it up!

[robwhitaker]

An absolute pleasure to subscribe, you're an awesome tutor! From somebody new to modular JS / Bundling / Compiling and trying to integrate it with my Wordpress theme dev workflow this is priceless. My sincere thanks

[isaacdouglas]

Great Video! Your thorough explanations are actually helping me understand this topic :)

[KameleonKraft]

Thank you mr.Colt...your Tutorial has helped me alot so far and I really appreciate your efforts

[Zahlenteufel]

thank you so much for I nearly lost it trying to figure out how to make imports work, not knowing that webpack did this.

[jinwookkim]

I really enjoyed your video. Your explanation was clear and step-by-step;

[jmartecep]

Thank you very much! I really appreciate you making this video!

[subratopatnaik]

Why need relative path in the entry and absolute path in output?
This is most trickest thing that I want to know.
Please help me

[chuy]

Why is entry hardcoded? Shouldn't we use path there too?

[jmartecep]

how are you able to manage js and css with the webpack.confing.js file?

[jwlzloff]

Short Info: mode: "development, --> [devtool: "none"] <-- doesn't work nowadays.
After some researches it should be [devtool: false], cause the default [devtool] option is [eval], so if you set it to [false] it should equal to none.

But maybe there is another trick behind and i misunderstood something, so correct me if im false ^^.

[navin-moorthy]

Hi Colt, your tutorials are awesome as always.

I had a problem inbetween running "webpack --config webpack.config.js" first time with {{ path: path.resolve(__dirname + "codeee") }}. Did not generate the files for me.


I had to put the slash {{ path: path.resolve(__dirname + "/codeee") }}

[jon-ofvs]

What is the name of the thema you are using?

[abdulrahmanbin-mahmood]

when i write output object in the webpack.config it shows error, plz i am the only and, how to solve it ????

[ladyking]

webpack 5 :
devtool: 'inline-source-map',

[maxnolano]

ThE BeAst one, all thumbs in the world just went up :)