sveltekit/문제 해결[Sveltekit] Sveltekit + capacitor로 맥없이 하이브리드앱 만들기[2] - live reload 기능 사용하기

1. live reload 기능 사용하기

1. 네트워크 주소 알기

sveltekit 터미널에서 아래 명령어를 입력하고 네트워크 주소를 확인해 주세요.

npm run dev -- --host

 

 

 

2. capacitor.config.js 수정

위에서 얻은 네트워크 주소를 capacitor config.js에 아래 코드를  추가해주시면 됩니다.

const config: CapacitorConfig = {
 server: {
    url: [네트워크 주소],  //끝에 /는 빼주세요.
    cleartext: true
  }
}

 

 

이제 빌드하고 android와 ios를 연결해주세요! 

서버를 키면 수정하고 저장할 때 바로 반영되는 live reload 기능을 체험하실 수 있습니다!

 

 

다음시간엔 xcode가 없는 사람들을 위해 appflow를 이용해 앱을 설치하는 방법을 알려드릴게요!