2024/2/20
GitHub Actionsのeslintでbunを使う
Next.jsのプロジェクトでeslintを自動で実行するために、GitHub Actionsでeslintをbunで動かす。
GitHub Actionsとは
公式サイト より引用
GitHub Actionsを使用すると、ワールドクラスのCI / CDですべてのソフトウェアワークフローを簡単に自動化できます。 GitHubから直接コードをビルド、テスト、デプロイでき、コードレビュー、ブランチ管理、問題のトリアージを希望どおりに機能させます。
ようは、自動でテストなりデプロイなりを自動で行えるツールってことです。
より詳しい情報はドキュメントに書いてあります。
どうやる
リポジトリに.github/workflows
というディレクトリを作成して、その中にymlを配置する形です。
GitHubのリポジトリのActionsタブからも設定できます。
今回はそのeslintのテンプレートとbunのドキュメントを参考にしました。
実際のyamlファイルは以下の通りです。
これは、mainブランチのpushとmainブランチに対してのプルリクで実行されます。
jobsの中でインストールするのはeslintだけでもいいのですが、pluginを入れているかつ、
Next.jsを使っていてnext lint
を使いたいということで、どうせなら全部インストールしちゃいました。
最後に
実際の導入していたプロジェクトはこのようになっています。
このようにすることで、プルリクが来ても自分でチェックする箇所が減っていいですね。
この後bun + biome ciに移行しました
Last updated on