Production Webpack Configs with Image Optimization | WordPress

In this video, we go over how to make a production and development configuration as well as getting Tailwind purged and images optimized.

💖 Become a Patron to show support & get perks!

Sign up for the newsletter. Free course coming in 2020:

**SOCIAL**

#Webpack #JavaScript #Tailwind

[jarednthomas]

One of the best webpack tutorials I've seen. Thank you so much! This really helped me a lot.

[deathdatruth]

Really straight forward tutorial for understanding webpack. Thank you, you're awesome!! :)

[jagged_little_phil]

Another great video packed with practical tips and explained perfectly. There's a lot to learn in here!

[pooya]

VIDEO IS OUT OF DATE: If you're using webpack 5 you need to use and not Replace the "opitmize-css" import in webpack.config.prod.js with this:

const CssMinimizerPlugin =

[kulithnajika]

Many thanks for starting from scratch and going step by step while explaining. This is very helpful for beginners like me.

Please do a hashing css and js files and enqueueing inside WordPress if you can.

[osherezra]

Most Comprehensive tutorial of webpack && tailwind && wp setup. so useful bro cheers a bunch :), just a few questions
1. can you share the Repo please
2. Will this setup work for a plugin development? and what else do I need to do to add hot reload in this file?
keep it up

[Allformyequine]

This is SUPER!! Can you show how you can add a few other postCss Plugins like: postcss-mixins, postcss-nested or postcss-simple-vars or show how to properly add these plugins to the config files? Which config file would they even go into; probably dev? Amy S. *

[Mipon_en]

If I become a Wordpress Nerd patreon for 3 months would you create part 3 of this series? I would like you to add to how to do Hot reloading.

[wayneyallop]

Great tutorial. Although I'm having a slight problem with the 'imagemin-webpack-plugin'. When I run build, I get an extended file path in the images folder in dist. What I get is I have triple-checked the code in github, and all matches up. Does anyone have any ideas please?

[VisiPianoOfficial]

Awesome work with the tutorial! I had a quick question: is there a way to use PurgeCSS on WordPress so it's not just looking in the theme but checks database too for all content using CSS classes and removes unused ones?

[jamesfreeman]

what's the difference between and

[atosupriyanto]

You're inspired thanks, some day its more awesome if you can make a full tutorial and take a study case from small business like compro or anything, to make the wp theme with starter like _S, some cpt and acf