♻️ Reblog of
Evan Wallace (evanw@hachyderm.io)
The new bundle analyzer for esbuild now has the ability to visualize the CommonJS/ESM breakdown of your bundle: https://esbuild.github.io/analyze/. Click on the CJS vs. ESM bar at the top to toggle it (requires the latest version of esbuild). Using ESM over CommonJS almost always improves performance, so this should be a useful bundle optimization tool.
I also spent way too long making these stripes split and merge while zooming. It was a fun little graphics puzzle.