最近yarnからnpmに戻っていたんですが、pnpmが良さそうだなと思ったので移行してみた。

corepackも良さそうだなと思っていたのですが、動向がわからない部分もあってちょっと見送りました。なので、Voltaからインストールしています。

npmからpnpmへの移行

やったことは大体これ

1. rm -rf node_modules
2. package.jsonにpreinstallでpnpmを強制する記述を追加
   • “preinstall”: “npx only-allow pnpm”,
3. pnpm import
4. rm package-lock.json
5. pnpm i

これでpnpmに移行できました。

Github Actionsの置き換え

Github Actions側も書き換える必要があるので対応しました。

jobs:
  check:
    runs-on: ubuntu-latest
    timeout-minutes: 5

    strategy:
      matrix:
        node-version: [20]

    steps:
      - uses: actions/checkout@v4

      - name: Install pnpm
        uses: pnpm/action-setup@v4
        with:
          version: 9

      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v4
        with:
          node-version: ${{ matrix.node-version }}
          cache: 'pnpm'

      - name: Install dependencies
        run: pnpm install --frozen-lockfile

Node.jsのバージョン指定周りをvolta-cli/actionにしていたのですが、pnpmとの組み合わせが何やらうまくいかず、一旦setup-nodeにしました。合わせてpnpm/action-setupも入れています。

参考

• How to migrate from yarn / npm to pnpm - DEV Community
• Continuous Integration | pnpm

やってみて感じること

ディスク効率の良さと、それられに伴うインストールの速さが魅力と思っていたのですが、依存周りがきれいになるのでバンドルサイズを下げられるというのも良さそう思いました。

webpackのバンドルを調べて見えてきたnpmの問題点とpnpmに乗り換えたい話 #JavaScript - Qiita