0%

Programmingプログラミングナレッジ

Posted:2018.05.02

npmでインストールしたパッケージのバージョンを管理する

パッケージのインストール時にはおなじみのnpmですが、インストールだけでなく本来の役割であるパッケージのバージョン管理を行いたいと思います。ちょうどインストールしたパッケージが使わないうちにどんどんバージョンが古くなってきたこともあり、アップデートをする機会があったので備忘録として残しておきたいと思います。

 

パッケージのバージョンを確認し、アップデートを行う

まずnpmが入っている前提になりますが、インストールの方法についてなど詳しくは過去記事「WEB開発環境(Mac OS)に必要な各種インストール方法まとめ(1)」で紹介していますので参考にどうぞ。

 

まずは、npm自体のバージョンを確認しアップデートを行います。おなじみのコマンドでバージョンを確認したら、下記のように続けてnpm自体のアップデートを行います。アップデートが完了し、再度バージョンを確認するとバージョンが上がっているのが確認できるかと思います。

// npmのバージョン確認
$ npm -v

// npm自体をアップデート
$ npm update -g npm

 

次にインストールされたパッケージ一覧の現在のバージョンを確認します。下記コマンドを叩くと次のように現在のバージョンと最新のバージョンが合わせて確認できます。

$ npm ls --depth=0

// グローバルの場合
$ npm ls -g --depth=0

 

先ほどのコマンドでパッケージの現在のバージョンが確認できましたが、最新バージョンとの差分がわかりませんのでアップデートが必要かどうかがわかりません。そこで下記コマンドで最新版との差分を確認します。

$ npm outdated

// グローバルの場合
$ npm outdated -g

// 出力結果
Package Current Wanted Latest Location
npm       5.6.0  5.8.0  6.0.0

 

インストールされているものが最新版であるパッケージは表示されませんが、現在のバージョンと最新版の差分がある場合は詳細情報が表示されます。

 

アップデートの必要がある場合は、基本のコマンドでもある、$ npm update で更新してもいいのですが、更新を一括で行ってくれる便利なパッケージ「npm-check-updates」を使うのがオススメです。npm-check-updatesを使用する場合は、まず下記コマンドでグローバルにインストールします。

$ npm install -g npm-check-updates

 

インストールが完了すると、下記コマンドでパッケージごとの最新版との差分が同じように確認できます。だたし、このコマンドはpackage.jsonのファイルがあるディレクトリで実行する必要があります。

$ ncu

// 出力結果
chalk      ^1.1.3 → ^2.4.1 
find-up     1.1.2 → 2.1.0 
get-stdin  ^5.0.1 → ^6.0.0 
npm       ^3.10.6 → ^6.0.0

 

出力結果に最新版バージョンとの差分が表示されますので、確認できたら下記コマンドで一括アップデートします。

$ ncu -u

 

いかがでしょうか、これらのパッケージは古いバージョンのままで使い続けるのはリスクもあるので、このようなバージョン管理ツールを使ってマメに更新していくといいのではないでしょうか。

author
この記事を書いた人オガワ シンヤ
FacebookTwitter

DesignSupply.代表 / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はチョコレートが欠かせない三十路Webクリエイター。

制作のご依頼やお問い合わせ・パートナー業務提携のご相談はこちら

デザインやウェブ制作についてのご依頼やご相談、その他お問い合わせなどもお気軽にご連絡ください。フットワークの軽さやレスポンスの早さ、また豊富な経験や知識、技術を活かした対応力といったフリーランスクリエイターの強みでクライアント様、パートナー企業様のお力になります。デザインからコーディングやWordPress実装といったウェブサイト構築はもちろん、写真撮影や動画編集、コンテンツ制作からサイト運用サポートまで一括してお任せください。

ホームページ制作のご検討やウェブ運用でお悩みの経営者様や企業のウェブ担当者様をはじめ、個人で店舗を営んでいらっしゃるオーナー様、フリーで活動されているビジネスオーナー様はもちろんのこと、リソース不足でお困りの制作会社様、またクリエイターをお探しの代理店様も大歓迎です。

コンタクトをご希望の方はお手数ですが、下記よりお問い合わせフォームのページへアクセスしていただき、必要事項を入力の上メッセージを送信してください。確認でき次第すぐに折り返しご連絡致します。

こんな記事も読まれています

コメントもお気軽にどうぞ

記事に関するご質問やご意見などありましたら下記のコメントフォームよりお気軽に投稿ください。なおメールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


ページトップへ
大阪市天王寺区のホームページ制作デザイン事務所(SOHO)DesignSupply.【デザインサプライ】