🎬

Firebase Functions Typescript hot reload

생성일

2022/02/20 07:35

태그

Flutter

속성

개발 과정에서 소스코드를 수정했을 때 바로 웹 사이트에 반영하여 수정결과를 빠르게 볼 수 있는 기능.

비슷한 개념으로 cold reload가 있는데, 이는 소스코드 수정 후 프로그램을 재시작 해야 변경 내용이 반영된다.

hot reload는 개발 속도에 큰 영향을 미친다.

Typescript는 build 과정이 필요하다. 따라서 Firebase Functions 기능을 Typescript로 개발할 때 Hot reload 를 지원하기 위해서는 저장 → build → mount 의 과정이 필요하다.

google, stack overflow 에 다양한 구현방법이 있지만 firebase 의 버전이 최신화 됐기 때문인지 정상적으로 동작하는 결과물을 찾기 힘들었다.

functions 디렉토리의 package.json 파일을 수정한다

"scripts": {
	...,
  "serve": "npm run build && firebase emulators:start --only functions",
	...
}
JSON
복사

"scripts": {
	...,
  "serve": "tsc -w | firebase emulators:start --only functions",
	...
}
JSON
복사

functions 내부 파일의 수정되었을 때 functions에 바로 반영됨을 확인할 수 있었다.