GitHub ActionsでNode.jsのキャッシュを使ってビルドを高速化する方法

キャッシュありの設定

steps:
  - uses: actions/checkout@v4
  - uses: actions/setup-node@v4
    with:
      node-version: '22'
      cache: 'npm'      # これだけでキャッシュが有効
  - run: npm ci
  - run: npm run build

npm install と npm ci の違い

	npm install	npm ci
速度	普通	速い
package-lock.json	更新することがある	更新しない
用途	開発環境	CI/CD環境

ハマったポイント

• cache: 'npm' を設定するだけで自動的にキャッシュされる
• package-lock.json が変わるとキャッシュが無効になる

GitHub Actionsの基本的なワークフロー構成についてはGitHub Actionsで自動デプロイする基本的な設定方法を先に確認しておくとキャッシュの設定箇所がわかりやすい。

関連記事

• GitHub Actionsで自動デプロイする基本的な設定方法
• GitHub ActionsでSecretsを使って秘密情報を管理する方法
• npmのキャッシュをクリアして問題を解決する方法
• npmとyarnの違いと使い分け

おすすめのVPS

VPSを使って本番環境を構築するなら、以下のサービスがおすすめです。

• ConoHa VPS
• XServer VPS
• さくらのVPS
• GMOクラウド ALTUS

より詳しく学びたい方へ

この記事の内容をさらに深掘りした実践ガイドをZennで公開しています。

VPS・GitHub Actions・Cloudflare 実践構築ガイド