Bundled file size comparison when you only need debounce and throttle from Lodash.

index.md

Metrics

Without lodash
-rw-r--r--  1 ajhsu  staff    96K 12  5 14:41 app.bundle.js

Bundled with independent lodash.debounce && lodash.throttle package
-rw-r--r--  1 ajhsu  staff   106K 12  5 14:58 app.bundle.js

Bundled with `import lodash from 'lodash/function'`
-rw-r--r--  1 ajhsu  staff   141K 12  5 14:49 app.bundle.js

Bundled with `import { debounce, throttle } from 'lodash-es'`
-rw-r--r--  1 ajhsu  staff   381K 12  5 15:11 app.bundle.js

Bundled with `import lodash from 'lodash'`
-rw-r--r--  1 ajhsu  staff   172K 12  5 14:44 app.bundle.js

Not sure if I'm doing this wrong, bundling lodash-es seems to have larger file size than bundling the entire lodash package directly.

References

• The Correct Way to Import Lodash Libraries - A Benchmark - Alexander Chertkov
• Smaller Lodash bundles with Webpack and Babel - NOLAN LAWSON
• Lodash official website - Module Formats