Mettre à jour la version de React et ses dépendances en lisant package.json
J'ai un projet existant, qui a react@15 et toutes ses dépendances en conséquence. Mais maintenant, je dois passer à react@16 avec ses dépendances. Le problème est qu’il existe de nombreuses dépendances et qu’il est très fastidieux d’identifier la version de chaque dépendance.
Je me demandais donc s’il était possible de mettre à niveau les versions de React et ses dépendances mentionnées dans package.json sans modifier manuellement le fichier package.json.
Utiliser npm
La dernière version tout en respectant les règles} dans votre package.json: npm update <package-name>. Ainsi, 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 version la plus récente). de réagir 15).
Mais puisque vous voulez passer de réagir 15 à réagir 16, cela ne fera pas . Dernière version, quel que soit votre semver: npm install --save react@latest.
Si vous souhaitez une version spécifique, exécutez npm install --save react@<version> par exemple. npm install --save [email protected].
https://docs.npmjs.com/cli/install
Utiliser du fil
La dernière version tout en respectant le principe semver de votre package.json: yarn upgrade react.
Dernière version quel que soit votre semver: yarn upgrade react@latest.
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 quelles mises en garde ou quelles erreurs, puis je lancerais yarn upgrade [package]. Pas besoin de modifier le fichier manuellement. Peut tout faire à partir de la CLI.
Ou exécutez simplement yarn upgrade pour mettre à jour tous les packages, ce qui est probablement une mauvaise idée pour un projet volumineux. Les API peuvent changer, les choses peuvent casser.
Sinon, avec NPM, exécutez npm outdated pour voir quels packages seront affectés. ensuite
npm update
https://yarnpkg.com/lang/en/docs/cli/upgrade/
https://docs.npmjs.com/getting-started/updating-local-packages
Je recommande fortement d'utiliser yarn upgrade-interactive pour mettre à jour React, ou tout projet de noeud de ce type. Il répertorie vos packages, la version actuelle, la dernière version, une indication de mise à jour mineure, majeure ou patch par rapport à ce que vous avez déjà, ainsi qu'un lien vers le projet correspondant.
Vous l'exécutez avec yarn upgrade-interactive --latest, consultez les notes de publication si vous le souhaitez, parcourez la liste avec les touches fléchées, choisissez les packages que vous souhaitez mettre à niveau en les sélectionnant avec la barre d'espace, puis cliquez sur Enter pour terminer.
Npm-upgrade est ok mais pas aussi lisse.