So aktualisieren Sie ein Paket mit NPM

Ein kurzes Tutorial darüber, wie man ein Paket mit NPM aktualisiert.

Heutzutage verwenden die meisten JavaScript-Projekte Abhängigkeiten. Sie können über verschiedene Paketmanager bereitgestellt werden, aber in diesem Artikel konzentrieren wir uns auf NPM.

Als Computer ist es wichtig, Ihre Projektabhängigkeiten auf dem neuesten Stand zu halten. Es wird benötigt, um die neuesten Sicherheitsfixes, Fehlerbehebungen, Verbesserungen und Funktionen zu erhalten.

So erkennen Sie, ob ein NPM-Paket veraltet ist

Bevor Sie mit dem Aktualisierungsprozess fortfahren, müssen Sie herausfinden, ob Ihr NPM-Paket veraltet ist oder nicht.
Um das zu erfahren, gibt es zwei Möglichkeiten:

• Halten Sie sich über die Paketneuigkeiten und das Änderungsprotokoll auf dem Laufenden (z. B.:Lesen Sie über ein größeres React-Update)
• verwenden Sie den npm outdated Befehl in Ihrem Projekt-Root-Repository

Lassen Sie uns die npm outdated verwenden Befehl im Projekt Ihrer Wahl. Wenn Pakete zu aktualisieren sind, sollte die Ausgabe wie folgt aussehen:

Package                          Current   Wanted    Latest    Location                      Depended by
react-i18next                    11.15.3   11.15.5   11.15.5   node_modules/react-i18next    my-repo
tailwindcss                      3.0.12    3.0.23    3.0.23    node_modules/tailwindcss      my-repo
[...]

Wenn Sie nichts sehen, gute Nachrichten! Das bedeutet, dass Ihr Projekt auf dem neuesten Stand ist.

So aktualisieren Sie ein Paket mit NPM

Jetzt wissen Sie mehr darüber, welches Paket in Ihrem Projekt aktualisiert werden muss. Lassen Sie uns eine davon auswählen und aktualisieren.

Basierend auf der Liste im vorherigen Teil wähle ich tailwindcss weil ich bemerkt habe, dass die aktuelle Version in meinem Projekt 3.0.12 ist, aber der gesuchte ist der 3.0.23 .

Dazu stellt NPM einen Update-Befehl zur Verfügung, der wie folgt funktioniert:npm update [package_name] .

Als Beispiel würde ich in meinem Fall tun:

$ npm update tailwindcss

Paket auf die neueste Version aktualisieren

In diesem Teil lernen Sie, Ihr Paket auf die neueste Version und Hauptversion zu aktualisieren. Dies ist ein typischer Fall, wenn Sie eine neue Funktion benötigen, die in der obigen Version verfügbar ist.

Stellen wir uns vor, Sie haben eine Ausgabe, die so aussieht:

Package                          Current   Wanted    Latest    Location                      Depended by
tailwindcss                      2.2.19    2.2.19    3.0.23    node_modules/tailwindcss      my-repo
[...]

Wie Sie sehen können, ist die aktuelle Version von tailwindcss ist 2.2.19 , aber es gibt ein größeres Update 3.0.23 .

Um das NPM-Paket auf die neueste Version zu aktualisieren, müssen Sie npm install tailwindcss@latest eingeben .

Zusammenfassung und Empfehlung

Ich hoffe, dieser Artikel hat Ihnen geholfen, ein Paket Ihres Projekts zu aktualisieren!

Eine letzte Empfehlung für die Gesundheit Ihres Projekts:Vergessen Sie nicht, Ihre Website zu testen und/oder Ihre Testsuite auszuführen, falls Sie eine haben. Prüfen Sie unbedingt, ob nach einem Paket-Update noch alles funktioniert. 📦🚀

➡️ Ich liefere regelmäßig Inhalte über Webentwicklung, persönliches Wachstum als Entwickler und meine Reise als aufstrebender digitaler Nomade und Remote-Softwareentwickler. Wenn Sie sie nicht verpassen möchten, lade ich Sie ein, mir auf Twitter zu folgen. 🚀