Mise à niveau de la version React et de ses dépendances en lisant le package.json

Question

J'ai un projet existant, qui a react@15 et toutes ses dépendances selon cela. Mais maintenant je dois passer à react@16 ainsi qu'à ses dépendances. Maintenant, le problème est - il y a beaucoup de dépendances et il est très long d'identifier la version de chaque dépendance.

Alors, je me demandais s'il existait un moyen de mettre à jour les versions de React et de ses dépendances mentionnées dans package.json, sans modifier manuellement le fichier package.json.

Answer 1

Utilisation de npm

Dernière version tout en respectant le semver dans votre package.json : npm update . Donc, si votre package.json indique "react": "^15.0.0" et que vous exécutez npm update react, votre package.json indiquera maintenant "react": "^15.6.2" (la dernière version de react 15 actuellement).

Mais si vous souhaitez passer de react 15 à react 16, cela ne suffira pas. Dernière version indépendamment de votre semver : npm install --save react@latest.

Si vous voulez une version spécifique, vous exécutez npm install --save react@ par exemple npm install --save react@16.0.0.

https://docs.npmjs.com/cli/install

Utilisation de yarn

Dernière version tout en respectant le semver dans votre package.json : yarn upgrade react.

Dernière version indépendamment de votre semver : yarn upgrade react@latest.

https://yarnpkg.com/lang/en/docs/cli/upgrade/

Answer 2

Je recommande vivement d'utiliser yarn upgrade-interactive pour mettre à jour React, ou tout projet Node en général. Il liste vos packages, la version actuelle, la dernière version, une indication d'une mise à jour Mineure, Majeure, ou Patch par rapport à ce que vous avez, ainsi qu'un lien vers le projet correspondant.

Vous l'exécutez avec yarn upgrade-interactive --latest, consultez les notes de version si vous le souhaitez, parcourez la liste avec vos touches de direction, choisissez quels packages vous souhaitez mettre à jour en les sélectionnant avec la barre d'espace, et appuyez sur Entrée pour terminer.

Npm-upgrade est correct mais pas aussi efficace.

Answer 3

Oui, vous pouvez utiliser Yarn ou NPM pour modifier votre package.json.

yarn upgrade [package | package@tag | package@version | @scope/]... [--ignore-engines] [--pattern]

Quelque chose comme :

yarn upgrade react@^16.0.0

Ensuite, je verrais ce qui avertisse ou génère des erreurs, puis exécuterai yarn upgrade [package]. Pas besoin de modifier manuellement le fichier. Tout peut être fait depuis l'interface de ligne de commande.

Ou exécutez simplement yarn upgrade pour mettre à jour tous les packages vers la dernière version, probablement une mauvaise idée pour un grand projet. Les API peuvent changer, des choses peuvent se casser.

Alternativement, avec NPM exécutez npm outdated pour voir quels packages seront affectés. Puis

npm update

https://yarnpkg.com/lang/en/docs/cli/upgrade/

https://docs.npmjs.com/getting-started/updating-local-packages

Answer 4

Si vous voulez mettre à jour react, utilisez npx update react dans le terminal.

Answer 5

Vous pouvez mettre à jour toutes les dépendances vers leur dernière version en utilisant npm update