開発効率向上！Makefileでリントと型チェックを簡単実行

背景

リントの度に npx eslint --fix 'src/**/*.{js,jsx,ts,tsx} など入力するのが面倒なので、 Makefile にまとめた

やったこと

• 必要なコマンドを Makefile にまとめる
• 利用するコマンドを make help に追加

# ヘルプ
.PHONY: help
help:
	@ echo '  lint-all		# リントと型チェックを含めた全ての検証を実行（自動修正は除く）'
	@ echo '  lint-fix		# 全てのリントエラーを自動修正'

# リント全て実行（自動修正は除く）
.PHONY: lint-all
lint-all: lint type-check

# リントを実行
.PHONY: lint
lint:
	npm run lint

# 型チェックを実行
.PHONY: type-check
type-check:
	npm run type-check

# リント自動修正を実行
.PHONY: lint-fix
lint-fix: eslint-fix lint-format
	@echo "Fix lint completed successfully!"

# リントと自動修正を実行
.PHONY: eslint-fix
eslint-fix:
	npx eslint --fix 'src/**/*.{js,jsx,ts,tsx}'

# コードのフォーマットを実行
.PHONY: lint-format
lint-format:
	npm run format

感想

make lint-fix && make lint-all するだけなので簡単