Analyze and Optimize Webpack Bundles Size and Contents

  • Realize what’s really inside your bundle
  • Find out the modules make up the most of its size
  • Find modules that got there by mistake
  • Consider alternatives to optimize your bundle size

Webpack Bundle Analyzer

Webpack Visualizer

1) Using their web tool

2) Create stats.html using the webpack plugin






Builder of internet things - Ninja

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Azure DevOps: Share Variable Across Stages

What happens when you type ls -l in the shell?

Build a Decentralized App on IPFS using WebAssembly

😮WOAH!!! Just one more push and I’ll be able to complete my album!

Top Magento Development Tools Every Magento Developer Should Know

Enigma: The protocol codebase and the infrastructure improvements for the Genesis Game: the…

What is User Namespace and Podman’s Rootless Containers

Implement Your own operating System — Play with Outputs

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Mehmet Fatih YILDIZ

Mehmet Fatih YILDIZ

Builder of internet things - Ninja

More from Medium

Mailing a Postcard with JavaScript– Part 2: Working With Addresses and Templates

Run TiDB in Headless CMS: Strapi, Ghost and Directus

Migrating large codebase to TypeScript. Do it right from the beginning.

All You Need to Know about Environment Variables in TypeScript