Lodash Import Only What You Need!

This is a quick extension that allows you to replace your lodash imports quickly and easily using indvidual module importing. This is ideal for existing projects that use lodash frequently but need to reduce bundle size.

For example this plugin will change the following code

import _ from 'lodash';
lodash.filter(array1, (x) => x.isEnabled);
lodash.orderBy(array1, (x) => x.Name);

To

import filter from 'lodash/filter';
import orderBy from 'lodash/orderBy';
filter(array1, (x) => x.isEnabled);
orderBy(array1, (x) => x.Name);

Features

• Reduce bundle size with a single action
  • Just use the command pallet and select Lodash Shake
• Run when you need to.
  • You can develop importing the full lodash library and use this plugin to clean up your code after
• Handles any name
  • It doesn't matter what you importted lodash as it will work
• Auto Save
  • Enable the setting Lodash Import What You Need: Run On Save to automatically treeshake lodash ("lodashImportWhatYouNeed.runOnSave": true in .vscode/settings.json)
• Supports ES6 syntax
  • Supports import module from syntax from ES6

Known Issues

• Does not support require syntax (const _ = require('lodash'))
• Does not support curly brace import (import {filter} from lodash)
• Adds new line in sometimes inappropriate places wherever import statements are

Contributors

• @pilotkid
• @LajnaLegenden

Support

For support please open an issue or pull request on github

Please also consider supporting me on ko-fi

---

Enjoy!