見出し画像

FirebaseのFunctionsのHotReload

FirebaseのFunctions(CloudFunctions)の開発時に、HotReloadしながら開発する設定がデフォルトだと無いので、下記を追加することで対応。

"lint": "eslint --ext .js,.ts .",
"build": "tsc",
+ "build:watch": "tsc --watch --preserveWatchOutput",
"serve": "npm run build && firebase emulators:start --only functions",
"shell": "npm run build && firebase functions:shell",
"start": "npm run shell",
"deploy": "firebase deploy --only functions",
"logs": "firebase functions:log"

ターミナルを複数開き片方で「build:watch」しつつ、もう片方で「serve」することで、手元で修正した内容がHotReloadでリアルタイムに反映されるようになります。




いいなと思ったら応援しよう!