Mindblown: a blog about philosophy.

npmやyarnでパッケージをインストールすると、package.jsonにdependenciesとdevDependenciesが追加されます。 気にせずdependenciesに追加していましたが、どう違い使い分ければ良いのか… 全部dependenciesで特に困ったことないのに、なぜ分けなければいけないのか… dependenciesとdevDependenciesの違い dependenciesとは 本番環境でも利用するパッケージやその依存関係。 例）react、nextなど 以下コマンドでdependenciesに devDependenciesとは テスト環境と開発環境で利用するパッケージやその依存関係。 本番用にビルドするときは含まれない。 例）ESLint、Stylelint、Prettier dependenciesとdevDependenciesを使い分ける必要性 本番環境に不要なパッケージによってパフォーマンスを下げないため 本番環境で不要なパッケージをインストールすることにより、ファイル読み込み時間やビルド時間が長くなる、ディスク容量を圧迫してしまうなどパフォーマンスが下がってしまいます。 また、パッケージとして公開場合、パッケージを使いたい人がyarn add <パッケージ名> を実行した時にdependenciesに追加されているパッケージのみインストールされます。 プロジェクトでyarn installを実行した場合はdependencies+devDependenciesのパッケージがインストールされ、プロジェクトにパッケージを追加するために yarn add <パッケージ名> を実行した場合はdependenciesのみがプロジェクトにインストールされます。