package.json 依存関係管理のクイックガイド

html、css、および基本的な JavaScript を学習したばかりで、react などのノードを使用するフレームワークから始めている場合は、依存関係の管理について疑問を抱くかもしれません.

それでは、いくつかの便利なコマンドを見て、package.json をいじる恐怖を取り除きましょう!

はじめましょう

まず、ターミナルで次のコマンドを使用して package.json ファイルを作成しましょう.
npm init -y
このコマンドを使用して、次のような標準の package.json ファイルを生成します.

{
  "name": "project-name",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

ノードを使用する場合、いくつかの依存関係は開発目的で使用され、他の依存関係は最後まで残ります.したがって、次の 2 つのフィールドがあります.

"dependencies": {},
"devDependencies: {}"

通常の依存関係をインストールすることから始めましょう.次に、それを開発依存関係に渡し、それらのバージョンを操作する方法を理解します.例としてエクスプレスを使用しましょう:
npm install express

"dependencies": {
    "express": "^4.17.1"
  }

この記号と数字が何を表しているかを理解しましょう.

"dependencies": {
    //          prefix
    "express": "^    4.     17.    1",
    //               major  minor  patch
  }

パッチ: 通常、バグが修正されると、パッチの値が更新されます.

マイナー: 新機能が追加されても互換性が損なわれていない場合、マイナー値が更新されます.

メジャー: 新しい機能が追加され、以前の機能との互換性が失われると、メジャー値が更新されます.

プレフィックス: ^ や ~ など、npm update コマンドを使用して依存関係を更新するためにノードによって使用されるいくつかの記号.

それらを使用して、次のような依存関係をインストールできます: npm install express@~2.0.0
「^」を使用する場合、「パッチ」と「マイナー」のみを最新の状態に保ちたいという意味です.

「~」を使用するときは、「マイナー」のみを最新の状態に保ちたいという意味です.

接頭辞がない場合、正確なバージョンを探しています.
npm install express -E のように "-E"を使用すると、接頭辞がなく、依存関係が更新されません.

では、express を "devDependencies: {}" に移動するとどうなるでしょうか.そのために、次のコマンドを使用します.
npm install express --save-dev
そして、私たちのエクスプレスは "devDependencies: {}" の中にあります:

"devDependencies": {
    "express": "^4.17.1"
  }

Express を本番環境の依存関係に戻すには、次のコマンドを使用します.
npm install express --save-prod
最後に、npm install express@latest を使用して最新バージョン (安定していない可能性があります) を取得し、npm uninstall express を使用して依存関係をアンインストールできます.

すべての依存関係を一覧表示するには、 npm ls を使用できます.

ただし、プロジェクトには多くの依存関係がある場合があるため、インストールした主なものだけを表示したい場合は、次のような深度コントロールを使用できます.
npm ls --depth=0 と増え続けています.

依存関係が古くなっているかどうかを確認するには、npm outdated を使用できます.使用されているプレフィックスに従って更新が通知されます.

お楽しみいただけたでしょうか。

その他のコマンドのヒントがあれば、コメントに残してください.