2021.01.16

Node.js

npm updateでパッケージのバージョンを更新

npm updateでパッケージのバージョンを更新します。更新を確認するためにまず、jqueryの古いバージョンである2.2.0をインストールします。

npm install jquery@2.2.0

実行が完了するとnode_modulesディレクトリ内にjqueryのバージョン2.2.0がインストールされます。package.json及びpackage-lock.json内のdependenciesフィールドには、インストールしたパッケージとそのバージョンが追加されます。package.json内のバージョン表記はキャレット(^)から始まるバージョンで、メジャーバージョンが一致するものの中で最新のバージョンを意味します。つまり、"jquery": "^2.2.0"はjquery2系の最新バージョンである2.2.4を意味します。

//package.json
{
  "dependencies": {
    "jquery": "^2.2.0" //キャレット(^)から始まるバージョン(2.x.xの最新版)
  }
}

ここで、npm outdatedでパッケージが更新できる状態か確認します。

npm outdated

パッケージに更新(アップデート)がある場合、以下のように表示されます。

Package  Current  Wanted  Latest  Location
jquery   2.2.0    2.2.4   3.5.1   test

Packageは更新がある(更新可能な)パッケージの名前、Currentはインストール済みのバージョン、Wantedは既存のコードを壊すことなくアップデートできる最新のバージョン、Latestはパッケージの最新のバージョン、Locationはプロジェクトのディレクトリ名です。なおパッケージに更新がない場合は何も表示されません。

更新の確認ができたところでnpm update jqueryを実行してパッケージを更新します。なおパッケージ名を省略すると、package.json内に記載されている全てのパッケージを更新します。

npm update jquery

実行が完了するとnode_modulesディレクトリ内のjqueryのバージョンが2.2.4にアップデートされます。これでメジャーバージョンが一致するものの中で最新のバージョンになりました。package.json及びpackage-lock.json内のdependenciesフィールドも、アップデートしたバージョンに変更されます。

//package.json
{
  "dependencies": {
    "jquery": "^2.2.4"
  }
}

再度npm outdatedを実行すると以下のように表示されます。インストール済みのバージョン(Current)が2.2.4になりました。ただし、これでメジャーバージョンが一致するものの中で最新のバージョンまでアップデートしたため、再度npm update jqueryを実行してもこれ以上アップデートはできません。

Package  Current  Wanted  Latest  Location
jquery   2.2.4    2.2.4   3.5.1   test

メジャーバージョンが変わる最新バージョンの3.5.1にアップデートするには、package.jsonに記載されているバージョン表記を"jquery": "^2.2.4"から"jquery": "^3.5.1"に変更してnpm update jqueryを実行する必要があります。またはjqueryを一度アンインストールして、バージョンを指定せずにインストールすると最新バージョンになります。

npm uninstall jquery
npm install jquery

関連記事

2021.10.10

Node.js

gulpでbrowser-syncを実行

gulpにbrowser-syncを組み込んで、gulp起動時にブラウザが立ち上がるようにします。以下のコマンドでbrowser-syncをインストールします。…

2021.01.11

Node.js

npm initによるpackage.jsonの作成とパッケージのインストール

プロジェクトを作成するディレクトリでnpm initを実行してpackage.jsonを作成します。対話形式で作成しますが何も入力せずEnterキーで進めていく…

2021.03.17

Node.js

gulp-sassによるsassコンパイル時の文字コード指定

gulp-sassでsassをコンパイルすると、scssファイル内に文字コードの指定があっても削除されます。 sassコンパイル後のlayout.css内に文字…

2021.10.09

Node.js

gulp-sass 5.0について

2021年7月にgulp-sassのメジャーバージョンが4から5にアップデートされました。gulp-sass 5.0の動作要件はnode.jsバージョン12以上…

2021.01.12

Node.js

gulp 4.0で導入されたseriesとparallelについて

gulp4.0から新しくseriesとparallelが導入され、タスクの処理の順番を制御できるようになりました。 seriesは直列に処理を実行する同期処理で…

上に戻る