The simplest way to update npm packages is to install , run , followed by to update the package.json followed by to update packages in and node_modules. npm-check-updates npx ncu npx ncu -u npm install package.lock Vanilla npm approach npm comes with the tools to upgrade your packages out of the box. When running you can get a list of packages that have available updates: npm outdated We can update individual packages by running . npm update {package-name} Let's try it for the last package on the list: npm update sass Enter fullscreen mode Exit fullscreen mode. Now if we run again we can (as seen in the image below) that the package was indeed updated. One thing to note is that while was updated remains untouched. npm outdated package.lock package.json Now we could do the same for all the packages and if you have a production-critical application, you probably want to pay close attention to the packages that you upgrade and the implications that an upgrade could have. Upgrades using npm-check-updates Another option, that I find slightly more convenient, especially for more low-risk projects is using the package. npm-check-updates To install it simply run: npm install -g npm-check-updates Enter fullscreen mode Exit fullscreen mode. After it's installed we can check for updates by running: npx ncu Enter fullscreen mode Exit fullscreen mode. Similar to this gives us a list of all available updates: npm outdated In order to update one single package we can run: npx ncu -uf sass Enter fullscreen mode Exit fullscreen mode Followed by: npm install Enter fullscreen mode Exit fullscreen mode. Now, if we run again we see the package was updated: npx ncu sass What is nice about the npm-check-updates package is that we can also update all of the packages if we choose so by running: npx ncu -u Enter fullscreen mode Exit fullscreen mode, followed again by: npm install Enter fullscreen mode Exit fullscreen mode. Now, if we run again we get: npx ncu Now both and were updated, so this makes it clearer what version of the packages we have without the need to look into the file. package.json package.lock package.lock Conclusion If you want to easily upgrade all your packages you can use the npm package with the commands shown above, otherwise, you can also use npm's built-in commands and . npm-check-updates npm outdated npm update References https://www.npmjs.com/package/npm-check-updates https://docs.npmjs.com/cli/v7/commands Also published here.

What Does .PHONY Do in a Makefile?

Nominated for 2022 - HackerNoon Contributor of the Year - Docker

Nominated for 2022 - HackerNoon Contributor of the Year - Php

Read My Stories

Too Long; Didn't Read

Make resilience your competitive advantage

The Developer's Guide to Updating npm Packages

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

What Does .PHONY Do in a Makefile?

The Noonification: Reduce Javascript: Master the Basics (1/11/2023)

The Noonification: Satoshi Might Be a Bitcoin ETF Skeptic (1/13/2024)

The Noonification: Small Puddle of Freedom (11/25/2022)

The Noonification: How to Use AI for Your B2B Marketing (11/11/2022)

What Does .PHONY Do in a Makefile?

The Noonification: Reduce Javascript: Master the Basics (1/11/2023)

The Noonification: Satoshi Might Be a Bitcoin ETF Skeptic (1/13/2024)

The Noonification: Small Puddle of Freedom (11/25/2022)

The Noonification: How to Use AI for Your B2B Marketing (11/11/2022)

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps