aws Amplify Cloud9 React-Vite Pre-Commit 追加設定

※以下の作業内容について、npm run dev が動作しなくなったため、中止しました。

概要

Cloud9 環境で、amplify のコードを Githubにpushすると同時に aws amplify でdeploy します。
ローカル開発サーバではエラーなく正常に動作してもamplify ではdeployに失敗する場合があります。
git deployする前の段階で精密に事前検証するた
git commitするときに同時に事前検証する方法をまとめます。

設定

• huskyをインストールする

$ npm install husky --save-dev

added 1 package, and audited 1364 packages in 5s
170 packages are looking for funding
run npm fund for details

• huskyを初期化する

$ npx husky-init && npm install

Need to install the following packages:
husky-init @8.0.0
Ok to proceed? (y) y ●y を入力する
husky-init updating package.json
"husky install" command already exists in prepare script, skipping.
husky - Git hooks installed
husky - created .husky/pre-commit
please review changes in package.json

amplify-vite-react-template@0.0.0 prepare
husky install
husky - Git hooks installed
changed 1 package, and audited 1364 packages in 5s
170 packages are looking for funding
run npm fund for details
found 0 vulnerabilities

• .husky/pre-commit ファイルを以下の内容に編集する

#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npx tsc --noEmit
npx eslint 'src/**/*.{js,ts,tsx}'

• 設定が完了する

動作テスト

• git add. git commit を実行時にHuskyで事前検証される

$ git add .
$ git commit -m "Test Husky pre-commit hook"

[main a39fe3f] Test Husky pre-commit hook
3 files changed, 23 insertions(+), 4 deletions(-)
create mode 100755 .husky/pre-commit

• 事前検証後に Githubにpushして同時にamplifyをdeployする

$ git push