Learn webpack

A handbook for webpack beginners

Buy Now for $24

Webpack configuration makes me feel really dumb

Webpack says it’s zero-config but that is only partly true. It’s zero-config if you don’t need any features at all. But if want to do anything non-trivial like, you know... creating an app that supports ES6 and styles then you are back to config hell.

ejected cra webpack config

Loaders, plugins, rules, modules, resolve. What is what? And don’t get me started if you want code splitting and hot module reloading. And babel is supposed to be in there somehow.

You do your best to set up the config by copy-pasting boilerplates, reading tutorials that might or might not be outdated, and reading the official docs which only partly answers the questions you have.

When you finally have managed to put together a webpack config that actually seems to work you don’t dare to touch it in case you break everything. Your webpack project is like a digital version of a house of cards (not the tv-series but you know... real cards)

You are terrified when you change the code splitting setup or adding typescript - because everything might suddenly just fall apart.

house of cards

Creating and maintaining frontend projects shouldn’t be this hard.

You know webpack gets stuff done efficiently, but how many weeks or months do you have to spend to learn it properly?

With great complexity comes great power.

There is a reason that almost all major toolkits like Gatsby and Nextjs use webpack under-the-hood. There is a reason that webpack is so popular in enterprise applications, and large full stack and frontend apps.

The reason is that webpack is super powerful. It’s ugly but it gets the job done better than any other tool. No build tool has the position that webpack has in the community - the user base is insanely big. It’s the industry standard whether you like it or not.

Knowing webpack is one thing that will make you stand out from other frontend devs. Most devs have enough troubles to learn CSS grids layouts and ES6 features. Not everyone takes the time to learn webpack. If webpack was part of a Microsoft certification program (thank god it’s not) then this would be part of the Gold platinum certification.

Webpack is tough to learn. You’ll have to do the work. But with the right learning resource you can be a confident webpack coder already next week.

A complete handbook for webpack beginners

In "Learn webpack", you'll start with a clean slate - just you and an empty text editor. You will learn step-by-step how to build the webpack.config.js, package.json, .babelrc and all other files required to build a modern web apps with webpack. This approach makes webpack super easy to learn - even if you don’t have much dev experience.

This is a complete and up-to-date book for webpack beginners. It covers the latest stable version of webpack which is version 4.

What does the book cover?

This book is a handbook for creating enterprise-ready production apps with webpack. These are the main topics covered:

  • Why do you need webpack?
  • Getting started tutorial
  • What happens under-the-hood? A deep dive into loaders, plugins, manifests, etc.
  • An introduction to NPM and package.json
  • How to configure separate prod and test configs
  • More than one output for SSR and public/admin sites
  • Create an awesome dev experience
  • Optimized production builds to get a small bundle size
  • Code splitting to make faster apps
  • Caching for quicker load speeds
  • What is tree shaking and how to use it to create fast apps
  • How to enable source maps for better debugging experience
  • A bunch of recipes for React, Vue, Typescript, etc
Read the full table of contents here

The book is made up of three parts:

Part 1: The Getting started tutorial You'll jump straight into coding your first React app with webpack. You start from scratch and you will finish up with a complete webpack project that you can put in production. This tutorial is designed to get you up and running quickly.

Part 2: Production-ready apps with webpack You’ll learn how to configure an awesome developer experience that makes you super productive and use tools and techniques to get the lowest possible bundle size for the production build. You’ll also learn about the internals of webpacks. Loaders, plugins, manifests and chunks will no longer feel like magic

Part 3: Recipes Even the webpack pros have to look up how to configure specific things like Vue, React, Typescript, etc. In this part of the book, you will have recipes that you can use to create the app you want to create - so you don't have read long and outdated medium-articles to get the code you need.

Zero fluff guaranteed

This is a short book - only 100 pages. It's to the point. And it has absolutely zero fluff - just actionable advice.

Buy Learn webpack

As a developer, the best investment you can make is to invest in your skills. When you know webpack you will be a more complete frontend dev. It will set you up for getting promotions.

And if you're looking for a job, talking fluently in interviews about how to use code splitting and tree shaking with webpack will make you stand out from other frontend devs.

Book details

Length:100 pages
Format:PDF and EPUB
Webpack version:4

Buy Now for $24

It's time for you to take back control of your webpack config!

Still not convinced?

It can also be good to know that I offer a 30-day money back guarantee if you are not happy with the book.

About the author

Jakob LindHi, I'm Jakob Lind (@karljakoblind). I'm a full stack developer and independent consultant. I have 10 years of experience as a professional dev and I have been coding as a hobby since I was a kid.

I’m a strong believer in sharing and helping others. I have a blog and I work on open source projects.

The best way to learn how to program is to do hard and deep work. There are no shortcuts.


Q: What if I don't like the book?

A: I offer a 30-day no-questions-asked money-back-guarantee

Q: What version of webpack do the book use?

A: It's written for the latest version of webpack: webpack 4.

Q: But soon there will be a new version of webpack and this book will be outdated?

A: Included in the price is a lifetime of updates! Whenever I update the book because there is a new version of webpack or if i extend the book with new material, you will get the update straight in your inbox with no additional cost.

Q: What formats do I get?

A: You'll get PDF and EPUB. If I some time in the future offer more formats, you will get them also of course.

Q: How many pages is it?

A: 100 pages. It's short and sweet so that you'll actually read it.