【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

参考資料

npmとはyarnとは
yarnとは