【JavaScript】yarnについて
はじめに
yarnとは何かについて分からなかったので、整理しました。
yarnとは?
Node.jsで動作するパッケージマネージャーの一つです。
フロントエンド関連のパッケージ管理ツールは様々混在していますが、大枠 Bower → npm → yarn と言った流れを経てきています。
Node.jsとは?
Node.jsというのは、JavaScriptでサーバーサイドの処理を可能にさせるプログラムです。 「Node.js = サーバサイドJavaScript」だと認識しておけばいいとどこかに書いてありました。(正確ではないらしい)
パッケージマネージャーとは?
「パッケージマネージャとは、コンピュータに何のソフトウェアがインストールされたかを記録し、新しいソフトウェアのインストール・新しいバージョンへのソフトウェアの更新・以前インストールしたソフトウェアの削除を容易に行えるようにするプログラム」
要するに
yarnとnpmはJavaScriptでサーバーサイドの処理を行うために使うプログラム(Node.js)上で使うパッケージマネージャーということです。
フレームワークなどを使うにはインストールが簡単でじゃなきゃ?
何個ものプログラムでできているフレームワークをインストールするとします。それを動かすために必要なプログラムを全て手作業でサーバーの適切な場所にコピーし、特定の設定ファイルを書き換え、正常にインストールできたかを確認し、バージョン管理をするのはとても大変なことです。
パッケージマネージャ全て管理してくれる!!
簡単なコマンドの入力でインストールを完了することができる。
yarnについて
- JavaScriptのパッケージマネージャ
- 2016年にFaceBookが公開した
- npmと互換性がある = 同じpackage.jsonが使える
yarnのメリット
- npmよりインストールが速い
- 約半分になる場合もあるそう
- npmより厳密にモジュールのバージョンを固定できる
- yarn.lockファイルで、各パッケージのインストールバージョンを固定できる。
- npmと一緒に使える
- npmと同じのpackage.jsonが使えるため、同一プロジェクトでnpm or yarnで固定しなくて良い。
yarnのインストール
$ sudo npm install -g yarn
package.jsonの生成
パッケージを一括管理できるpackage.json。 プロジェクトにまだpackage.jsonがない場合、以下のコマンドで生成できる。
$ yarn init
yarnでパッケージをインストール
package.jsonに記載されたモジュールをインストールする。
$ yarn
パッケージの追加
以下のコマンドでパッケージのインストールとpackage.jsonへの追加ができる。
$ yarn add [パッケージ名]
npmではnpm install --saveだった。
パッケージのアンインストール
以下のコマンドでパッケージのインストールとpackage.jsonへの追加ができる。
$ yarn remove [パッケージ名]
npmではnpm uninstall