LoginSignup
147
110

More than 5 years have passed since last update.

yarnをインストールする

Last updated at Posted at 2018-04-21

背景

jsのパッケージを管理できるパッケージマネージャです。

bowerを使っていましたがyarnに移行したときの備忘録です。

間違っているところがあれば、ご指摘ください。

node.jsをインストール

npmを確認

node.jsをインストールするとnpmが入っているはずなので以下のコマンドを実行する

# node.jsのバージョンを確認
node -v
# npmのバージョンを確認
npm -v

yarnをインストール

# npm 経由でyarnをインストール
npm install -g yarn
# yarnのバージョンを確認
yarn -v
# yarnの初期設定
yarn init
# yarnでjqueryをインストールしてみる
yarn add --save jquery

パッケージのバージョン記載されているpackage.jsonが設置され、パッケージ自体は、デフォルトでnode_modules/に設置される。

おまけ1) パッケージのインストール先を変える

  • .yarnrcをpackage.jsonと同じ階層に設置する
  • --modules-folderでpathを設定する
.yarnrc
--modules-folder ./パッケージ設置したい場所

あとは、yarn add でパッケージをインストールするだけ

おまけ2 非公開側と公開側でパッケージを分ける

タスクランナーなどは、公開領域に置きたくないということがあったので、package.jsonを二つに分けました。yarnのコマンドは各ディレクトリで実行するような感じになります。

root/
 ├ package.json ← 非公開側のpackage.json
 ├ node_modules/
 └ app/ ← 公開領域
   ├ package.json ← 公開側のpackage.json
   └ node_modules/ 

147
110
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
147
110