Delete Pacotes NPM desnecessários!

Em seus projetos javascript você utiliza pacotes de terceiros usando algum gerenciador de pacotes? Provavelmente o NPM ou YARN. Ai você sai adicionando vários pacotes e criando um megazord ahah.

Sabemos que as vezes é mais fácil e necessário adicionar um pacote de terceiros, mas muitas vezes é melhor desenvolver a própria funcionalidade. Mas se você adicionou vários pacotes e depois parou de usar, como saber quais pacotes estão inutilizados?

O Depcheck é uma ferramenta para analisar as dependências em um projeto para ver: como cada dependência é usada, quais dependências são inúteis e quais dependências estão faltando no package.json.

Você pode baixar globalmente na sua máquina:

$ npm install -g depcheck
$ depcheck

Ou usar o npx para baixar e usar apenas uma vez:

$ npx depcheck

E um relatório será retornado com os pacotes não utilizados e os que precisam ser adicionados. .Dessa forma mantemos o mínimo possível de pacotes de terceiros.

Um outro pacote que pode te ajudar é o unimported, ele lista os arquivos que não estão sendo usados/importados em seu projeto.

$ npx unimported

Outra ferramenta que você pode usar é o bundle analyzer para verificar o tamanho que os pacotes estão ocupando.

$ npx react-native-bundle-visualizer

Bonus: Você pode usar o bundlephobia para calcular o custo dos pacotes que você precisa adicionar ao seu bundle. Você também pode ter uma gestão maior dos seus pacotes NPM com https://jfrog.com/artifactory/ ou https://verdaccio.org/ que servem como proxy e cache de pacotes.

E aí o que achou?