Jak aktualizovat balíček pomocí NPM

Krátký návod, jak aktualizovat jeden balíček pomocí NPM.

V dnešní době většina JavaScript projektů používá závislosti. Mohou být doručeny prostřednictvím různých správců balíčků, ale v tomto článku se zaměříme na NPM.

Jako počítač je nezbytné udržovat závislosti vašeho projektu aktuální. Je potřeba získat nejnovější opravy zabezpečení, opravy chyb, vylepšení a funkce.

Jak zjistit, zda je balíček NPM zastaralý

Než budete pokračovat v procesu aktualizace, budete muset zjistit, zda je váš balíček NPM zastaralý nebo ne.
Chcete-li to vědět, existují dvě možnosti:

  • udržujte si aktuální informace o balíčcích a seznamu změn (např. přečtěte si o velké aktualizaci React)
  • použijte npm outdated příkaz v kořenovém úložišti projektu

Použijme npm outdated příkaz v projektu dle vašeho výběru. Pokud existují balíčky k aktualizaci, výstup by měl vypadat takto:

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
[...]

Pokud nic nevidíte, dobrá zpráva! Znamená to, že váš projekt je aktuální.

Jak aktualizovat jeden balíček pomocí NPM

Nyní, když víte více o tom, který balíček je třeba ve vašem projektu aktualizovat. Vyberme jednu z nich a aktualizujme ji.

Na základě seznamu v předchozí části vyberu tailwindcss protože jsem si všiml, že aktuální verze v mém projektu je 3.0.12, ale požadovaná je 3.0.23 .

K tomu poskytuje NPM aktualizační příkaz, který funguje následovně:npm update [package_name] .

Jako příklad bych v mém případě udělal:

$ npm update tailwindcss

Aktualizujte balíček na nejnovější verzi

Tato část vás naučí aktualizovat váš balíček na nejnovější verzi a hlavní vydání. Je to typický případ, kdy potřebujete jednu novou funkci dostupnou ve výše uvedené verzi.

Představme si, že máte výstup, který vypadá takto:

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

Jak si můžete všimnout, aktuální verze tailwindcss je 2.2.19 , ale existuje velká aktualizace 3.0.23 .

Chcete-li aktualizovat balíček NPM na nejnovější verzi, musíte zadat npm install tailwindcss@latest .

Shrnutí a doporučení

Doufám, že vám tento článek pomohl aktualizovat jeden balíček vašeho projektu!

Poslední doporučení pro zdraví vašeho projektu, nezapomeňte otestovat svůj web a/nebo spustit testovací sadu, pokud ji máte. Je nezbytné zkontrolovat, zda po aktualizaci balíčku vše stále funguje. 📦🚀

➡️ Pravidelně dodávám obsah o vývoji webu, osobním růstu jako vývojáře a mé cestě ctižádostivého digitálního nomáda a vzdáleného softwarového inženýra. Pokud si je nechcete nechat ujít, zvu vás ke sledování na Twitteru. 🚀