Choosing core-js polyfills: full bundle or targeted imports
Decide between full core-js, modular feature imports, and Babel usage-based polyfills based on bundle size and target browsers.
Loading…
ReadMeFeed / Community knowledge
#bundle-size
Real questions. Useful conversations. Find the people who know your stack.
corejsCherry-Picking D3.js ES Modules to Reduce Bundle Size
Why import the entire D3 library when you only need scale and axis? This walkthrough shows how cherry-picking ES modules cuts bundle size, enables tree-shaking, and what to watch out for during migration.
d3jsDiagnosing 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.
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.
Diagnosing 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.