How I Clean Up JavaScript Dependencies

- 3 minutes read - 474 words

Unused dependencies are bad: they increase the size of your project, slow down your processes, require upgrades, and send incorrect messages to fellow developers about what’s important. Make your project better by periodically auditing your dependencies, and removing those that are unused.

If a dependency is in your bundle and is not being used right now, get rid of it! Legacy codebases are littered with rainy-day libraries. Rip them out and start again.

Cleanup JavaScript dependencies

For a JavaScript project, there are two techniques I’ve used: manual, and what I’ll call library-assisted.

Manual cleanup means reading your JavaScript manifest (usually package.json) and looking for libraries that may be unused. Read the docs and figure out how the library is imported, and then search your codebase with a tool like Ag, Rg, or Ack for such an import statement. Run your tests, too. If you can’t find an import, and nothing breaks, you might have a candidate for removal.

To speed up this process, consider using a library. One I’d recommend is depcheck. depcheck scans your codebase for unused libraries. Here’s how to use it:

# $ # # $ I n R y d n p u o e s m n u p t r c a i t h l n h ` e l s e p c t a k g a e c l l x k . o l e a b c g a - u e l g t . l a j y d b s e l o p e n c ` h f e r l c o i k m v e t s h e s a m e d i r e c t o r y w h e r e

depcheck prints a list of potentially unused libraries like this:

g g g p r a a a r e t t t i a s s s s c b b b m t y y y j - - - - s t r t t y e r r p m a a o a n n g r s s r k f f a - o o p s r r h m m m y a e e r r r t - - y r s p e h a m a n a r t r p s k

Pick a library from the list and try to figure out yourself it’s used. Is it imported? Do tests or builds break when you remove it? If not, remove it with:

$ n p m u n i n s t a l l < u n u s e d d e p e n d e n c y >

Enjoy your smaller bundle size, and easier-to-understand codebase.