フロントエンドフレームワークを触っていると目にするpackage.json。
(まぁ、他でも目にしますが。。w)
(例)
"dependencies": {
"@nuxtjs/axios": "^5.3.1",
},
"devDependencies": {
"eslint": "^5.14.1",
"jest": "^23.6.0",
},
この中に、dependenciesとdevDependenciesの似たようなものがあります。この２つの違いは何なんでしょうか？ シンプルに↓↓
dependencies
- その
node moduleが実行において依存するパッケージ - 開発者以外の人が
npm installすると、こちらのパッケージのみインストールされる
(開発者がnpm installコマンドをすると、両方インストールされる) -
npm install —productionのように、-productionをつけると、dependeniesのみインストール可能
devDependencies
-
node moduleの開発にのみ利用するパッケージ - テストやタスクランナー系
- 開発時のみに必要なライブラリ
- 実行時には役に立たず、含める必要がないもの
まとめ
そう、devDependenciesのdevの部分はdevelopmentのdev何です。と考えるとイメージしやすいですね！ 開発時に必要なものはdevDependenciesに、本番環境でも必要なものはdependenciesにと覚えておけばいいでしょう。より詳しく知りたい方は、参考であげている記事とかいいですね！