Reputation: 14011

Yarn - How do I update each dependency in package.json to the latest version?

I have a react app with deprecated dependencies. To make it work, I have to update the dependencies to their newer (but stable) versions.

As per this stakoverflow thread, to update dependencies in package.json to latest versions, npm-check-updates is the Best Option for npm. However, I'm using yarn for package management. Is there an equivalent of npm-check-updates in yarn. So that, I use a single package manager to manage my dependencies.

Upvotes: 216

Answers (12)

Vahid Alimohamadi

Reputation: 5868

yarn upgrade-interactive --latest

But you must have a valid yarn.lock file before doing it. If you are using npm, you must delete package-lock.json at first. Then run yarn (or yarn --ignore-engines when there are version dependencies) to create structure. After that, you can do upgrade-interactive. Without that, yarn shows an upgrade, but no changes and effects in package.json.

Upvotes: 330

Pere

Reputation: 2033

Update dependencies to latest versions, using jq:

jq '.dependencies | keys | .[]' package.json | xargs yarn add

Update dev dependencies to latest versions:

jq '.devDependencies | keys | .[]' package.json | xargs yarn add --dev

Upvotes: 6

Ahmed Mokhtar

Reputation: 2516

You can try this npm package yarn-upgrade-all. This package will remove every package in package.json and add it again which will update it to latest version.

installation:

npm install -g yarn-upgrade-all

usage: in your project directory run:

yarn-upgrade-all

Upvotes: 63

Sharif Mohammad Eunus

Reputation: 834

It can be done with --ignore-engines flag. So package installation will not fail due to an incompatible node version.

First run:

yarn --ignore-engines 
// This will install the older packages

And then:

yarn upgrade --ignore-engines 
// This will update packages to latest

Upvotes: 0

sFritsch09

Reputation: 442

If none of the answers worked for you, try to install again:

yarn add {PACKAGENAME HERE}

it will overwrite the current version to the latest version available

Upvotes: 2

Raine Revere

Reputation: 33775

npm-check-updates is fully compatible with yarn. Just run npx npm-check-updates in your project directory.

npm-check-updates is a battle-tested, 8yr old library that just works. It offers interactive mode and doctor mode for automatically running tests and identifying broken upgrades.

Disclaimer: I am the main contributor of npm-check-updates.