yarn v2をつかってみる

背景

Yarnにはバージョン1とバージョン2(Berry)がありnode_modulesの肥大化を解決している模様。

キャッシュも利用していて、キャッシュが効く場合にはインストールもそれなりに速いらしいです。

効かない場合はむしろ依存関係の問題？でv1の方が10倍くらい速いときもある、謎

バージョン確認

1
yarn -v
2
1.22.19

とするとバージョンが分かります。

バージョン更新

1
yarn set version berry

を実行すると同一ディレクトリ配下に、

.yarn/
.yarnrc.yml

が作成されます。再度バージョンを確認すると、

1
yarn -v
2
4.0.2

と何故かバージョンが4に上がりました。

2とは一体？

このままだと余計なファイルがgitの管理に入ってしまうので、.gitignoreに

1
# yarn v2
2
.yarn/cache
3
.yarn/unplugged
4
.yarn/build-state.yml
5
.yarn/install-state.gz
6
.pnp.*

を追加しておきます。

この状態で終わらせてもいいのですが、nodeやts-nodeを実行したときにnode_modulesを探しにいくので実行エラーが発生してしまいます。

これはv2ではnode_modulesが生成されないためなのですが、これに対処するために.yarnrc.ymlに以下の内容を追記します。

1
nodeLinker: node-modules
2

3
yarnPath: .yarn/releases/yarn-4.0.2.cjs

node_modulesじゃなくてnode-modulesであることがポイントです。なんでハイフンなのかは謎です。これをやるとyarn install時にnode_modulesが作成されるようになり、v1のときに比べてサイズ自体はものすごく小さいのですがこれ自体をgit管理する意味はないので引き続き.gitignoreで除外設定はしておきましょう。

これでVSCodeなりでこのディレクトリを開くとバージョンが自動的に切り替わるようになりました。

1
devonly: ~ $ yarn -v
2
1.22.19 ＃ このYarn自体はbrew install yarnでインストールしました
3
devonly: ~ $ cd Developer/ios-app-decryptor
4
devonly: ~/Developer/ios-app-decryptor (docs *%=)$ yarn -v
5
4.0.2

上のようにホームディレクトリでは1.22.19だったバージョンがディレクトリを移動するだけでv2が利用できているのがわかります。

v2にない機能

v2ではv1にはあった機能のいくつかがないのでプラグインで対応します。

upgrade-interactive

例えばupgrade-interactiveは対話的にバージョン管理が行える便利なコマンドでしたが、v2だとそのまま実装されてはないので、

1
yarn plugin import interactive-tools

として追加します。

プロダクションビルド

Dockerなどでyarn installを実行するときに開発環境用のモジュールは追加したくないので、

1
yarn --production --ignore-scripts --prefer-offline

というコマンドがありましたが、v2ではこれはありません。

1
yarn plugin import workspace-tools
2
yarn workspaces focus --all --production

その場合、上のコマンドで代用可能なのでこちらを利用しましょう。

GitHub Actions

GitHub ActionsでSSGをビルドする際にデフォルトではyarnが入っていなかったのでnpm install -g yarnでわざわざインストールしていたのですが、これをnpm install -g yarn@2と変更します。

これでv2がインストールされるので、最終的に以下のようになります。

1
jobs:
2
  publish:
3
    runs-on: ubuntu-20.04
4
    permissions:
5
      contents: read
6
      deployments: write
7
    steps:
8
      - name: Checkout
9
        uses: actions/checkout@v3
10

11
      - name: Install Yarn
12
        run: npm install -g yarn@2 # ここを変更
13

14
      - name: Cache CDK Dependencies
15
        uses: actions/cache@v3
16
        id: cache_cdk_dependency_id
17
        env:
18
          cache-name: cache-cdk-dependency
19
        with:
20
          path: .yarn/cache # node_modulesに代えて.yarn/cacheをキャッシュする
21
          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('yarn.lock') }}
22
          restore-keys: ${{ runner.os }}-build-${{ env.cache-name }}-
23

24
      - name: Install Dependencies
25
        if: ${{ steps.cache_cdk_dependency_id.outputs.cache-hit != 'true' }}
26
        run: yarn --immutable --immutable-cache

記事は以上。