How to Pack Your Webpack

Discover strategies for properly configuring webpack in your projects through this conference talk from Frontend Love 2020. Learn how to create and customize webpack configurations, including setting up modes, entry points, outputs, and Babel loaders. Explore techniques for implementing CSS solutions and optimizing bundles. Gain insights from Johannes Ewald, co-founder of Peerigon and member of the Webpack core team, as he shares his expertise on efficiently packing your webpack for improved project performance.

Syllabus

Intro
Create the config
Make the mode configurable.
Set your entry
Set your output
Set up babel- loader
Set up @babel/preset- env and use a .browserslistre
Set up a CSS solution
Configure bundle optimizations