208 votes

Comment voir la taille des paquets npm?

Lorsque je recherche des packages sur NPM, j'aimerais connaître la taille des packages (en Ko ou en Mo, etc.). NGP ne semble pas montrer cette information.

Comment puis-je déterminer la charge qu'un package NPM ajoutera à mon projet?

310voto

Shubham Kanodia Points 1908

Ce que vous voulez probablement mesurer, c'est l'impact d'un package si vous deviez l'ajouter à votre bundle d'applications. La plupart des autres réponses évalueront uniquement la taille des fichiers source, ce qui peut être inexact en raison de commentaires en ligne, de noms de noms longs, etc.

Il y a un petit utilitaire que j'ai créé qui vous indiquera la taille minimale et gzippée du paquet une fois qu'il sera entré dans votre paquet -

https://bundlephobia.com

95voto

Liron Yahdav Points 1974

Jetez un coup d'œil à ce projet de coût des modules . C'est un paquet npm qui va lister la taille d'un paquet et le nombre d'enfants.

Installation: npm install -g cost-of-modules

Utilisation: Exécutez cost-of-modules dans le répertoire dans lequel vous travaillez.

entrez la description de l'image ici

54voto

styfle Points 1845

J'ai créé Paquet Phobie de ce début d'année avec l'espoir d'obtenir la taille d'un paquet d'informations dans npmjs.com et également suivre le colis gonfler au fil du temps.

https://packagephobia.now.sh

img

Il est conçu pour mesurer l'espace disque après l'exécution de l' npm install pour le serveur-côté dépendances comme express ou dev dépendances comme jest.

Vous pouvez en lire plus à propos de cet outil et d'autres outils similaires dans le fichier lisez-moi ici: https://github.com/styfle/packagephobia


Remarque: Bien qu'il n'y a pas de mouvement du mécanisme national de prévention de l'équipe de modifier le site web, ils sont à la recherche à l'ajout de la taille installée à la cli. Voir la RFC 1 pour plus d'informations.

33voto

Black Points 53

Dans le cas où vous utilisez webpack que votre module bundler jeter un oeil à:

Je vous recommande vraiment de la première option. Il montre que la taille de l'interaction treemap. Cela vous aide à trouver la taille d'un paquet dans votre forfait de fichier.

Webpack Bundle Analyzer

Les autres réponses dans ce post vous montrer la taille du projet, mais vous pourriez ne pas être en utilisant toutes les parties du projet, par exemple avec l'arbre de trembler. D'autres approches pourraient alors ne pas vous montrer la taille exacte.

29voto

arve0 Points 1000

J'ai créé un outil, mnp taille de téléchargement, qui inspecte archive de taille pour un mnp forfait, y compris toutes les archives dans l'arbre des dépendances.

download size of webpack

Dans l'image ci-dessus, la taille de l'Archive est tar.gz de l'emballage, et la taille Totale de la taille, de toutes les archives. L'outil est assez basique, mais il fait ce qu'il dit.

Un cli outil est également disponible. Vous pouvez l'installer comme ceci:

npm i -g download-size

Et de l'utiliser comme ceci:

$ download-size request
request@2.83.0: 1.08 MiB

Voici une asciinema démo.

Le code source est disponible sur Github: api, outils cli et web client.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X