dependenciesとdevDependenciesの違い【package.json】

調べたことメモ。

インストール方法

例えば、パッケージAをインストールする場合は、それぞれ以下のように書きます。

• npm install A
  →Aをdependenciesに追加する

• npm install -D A
  →AをdevDependenciesに追加する

使い分け

この2つを使い分ける理由は、主に以下の2つらしい。

1. 「開発のときだけ使うパッケージ」と「アプリ本体で使われているパッケージ」が一目で分かるから
2. 本番環境で使わないパッケージをインストールしないため

 

1つはそのままです。

package.jsonのdevDependenciesを見るだけで「このアプリではテストにJestを使ってるのね！」みたいに一目で分かりますよね！って話です。

 

2つ目もそのままなのですが、

例えば

• テストパッケージ（Jestなど）
• バンドルパッケージ（Babel、Webpackなど）

などのパッケージは本番環境では使いません。

こんなときに、本番環境では使わないパッケージをdevDependenciesに書いておくと、無駄なインストールを省けます。

 

具体的に言うと、npm installを実行するときに以下のどちらかのように設定しておくと、devDependenciesに書かれたパッケージはインストールしないようにできます。

 

ちなみに、npm ciコマンドを実行するときも同じように、上のように設定しておくことでdevDependenciesに書かれたパッケージはインストールしないようにできます。

（npm ciは文字通り、CIのときに実行すると便利なインストールコマンドです）

 

あと、npmに自作パッケージを登録するときも気をつけないとダメっぽいです。

例えば、自作パッケージAをnpmに登録した場合、第三者がnpm install Aとしてインストールした際には、devDependenciesのパッケージはインストールされないみたいです。なのでnpmに登録するようなツールを作る場合は、devDependenciesはかなり重要っぽいです。

結論

・「個人開発でテキトーに作ったやつをテキトーにデプロイする」みたいな場合は、全部dependenciesに書いても特に問題ないけど

・色々気にするなら、上で書いたように使い分けたほうが良いっぽい

 

おわり