Diagnosing and Fixing Excessive Lodash Bundle Size in Modern Builds
A diagnostic guide to detect, analyze, and fix excessive Lodash bundle size caused by import patterns that defeat tree-shaking in webpack, Rollup, and Vite.
Loading…
ReadMeFeed / Community knowledge
#bundle-size
Real questions. Useful conversations. Find the people who know your stack.
lodash
webpackCutting Vuetify 3 Bundle Size with Tree‑Shakable Imports
Vuetify 3's ES‑module exports let you import only the components you need, cutting the library's gzipped footprint from ~350 KB to under 80 KB. This post shows the import pattern, bundler settings, and a quick verification script.
vuetifyRemove Unused Exports from Browser Bundles with Rollup
Configure Rollup tree-shaking to remove unused ES module exports from browser bundles, with a worked example and verification steps.
rollupChart.js Tree-Shaking: Cutting Bundle Size with Explicit Registration
Chart.js v3+ lets you import only the controllers, scales, and elements you need. Explicit registration via Chart.register() cuts a typical line chart bundle from ~80 kB to ~18 kB gzipped. This post shows the pattern, a Vite+TS worked example, and the runtime gotchas to watch for.
chartjs
typescriptShip fewer core-js polyfills by matching imports to your browser targets
Stop shipping every core-js polyfill to every browser. Use core-js-compat with browserslist to import only the ECMAScript polyfills your supported targets actually need.
corejsDiagnosing and Fixing Duplicate Babel Helper Functions in Your Bundle
When Babel’s build output contains duplicated helper functions, bundle size balloons and runtime errors can surface. This guide walks through spotting the symptom, identifying the cause, and applying @babel/plugin-transform-runtime to share helpers safely.
Load only the CoreJS optional-chaining polyfill you need
Use selective core-js imports to add optional chaining to older browsers without shipping the full standard library.
Auditing Rollup Bundles to Remove Unused ES Module Exports
A practical audit for Rollup bundles: identify exports that survive tree shaking, decide between moduleSideEffects and /*@__PURE__*/ annotations, and verify the result without breaking side-effect code.
Load Devicon Icons as Individual SVGs Instead of the Web Font
Import only the Devicon SVGs you render, validate names with devicon.json, and avoid shipping the full webfont.
npm