web-dev-qa-db-ja.com

package.jsonを読み取ることによるReactバージョンとその依存関係のアップグレード

既存のプロジェクトがあり、react@15とそれに応じたすべての依存関係があります。しかし、今は依存関係とともにreact@16にアップグレードする必要があります。さて、問題は-多くの依存関係があり、各依存関係のバージョンを識別するのに非常に時間がかかることです。

したがって、Reactのバージョンをアップグレードする方法があり、package.jsonに記載されている依存関係を、手動でpackage.jsonファイルを変更せずにアップグレードできるかどうか疑問に思いました。

reactjsdependenciesupgrade
24
AlwaysALearner

npmを使用する

最新バージョンsemverを尊重しながら package.jsonで：npm update <package-name>。したがって、package.jsonが"react": "^15.0.0"を示しており、npm update reactを実行すると、package.jsonは"react": "^15.6.2"（react 15の現在の最新バージョン）と表示されます。

しかし、反応15から反応16にしたいので、それはできません。 semverに関係なく最新バージョン：npm install --save react@latest。

特定のバージョンが必要な場合は、npm install --save react@<version>を実行します。 npm install --save [email protected]。

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

糸を使用して

最新バージョンsemverを尊重しながら package.jsonで：yarn upgrade react。

Semverに関係なく最新バージョン：yarn upgrade react@latest。

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

45
tskjetne

はい、YarnまたはNPMを使用してpackage.jsonを編集できます。

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

何かのようなもの：

yarn upgrade react@^16.0.0

次に、何が警告またはエラーになるかを確認し、yarn upgrade [package]を実行します。ファイルを手動で編集する必要はありません。 CLIからすべてを実行できます。

または、単にyarn upgradeを実行して、すべてのパッケージを最新のものに更新します。これは、大規模なプロジェクトにはおそらく悪い考えです。 APIは変更される可能性があり、状況は破壊される可能性があります。

または、NPMでnpm outdatedを実行して、影響を受けるパッケージを確認します。それから

npm update

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

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

9
Joshua Robinson

yarn upgrade-interactive を使用してReactを更新すること、またはそのためのNodeプロジェクトを使用することを強くお勧めします。パッケージ、現在のバージョン、最新のバージョン、マイナー、メジャー、またはパッチのアップデートの表示と、現在のバージョンとの比較、およびそれぞれのプロジェクトへのリンクが一覧表示されます。

yarn upgrade-interactive --latestで実行し、必要に応じてリリースノートをチェックアウトし、矢印キーでリストを下に移動し、スペースバーで選択してアップグレードするパッケージを選択し、Enterを押して完了します。

Npm-upgrade は大丈夫ですが、滑らかではありません。

3
NathanQ

npm updateにより、すべての依存関係を最新バージョンに更新できます

0
Sjonchhe