AWS Amplify + react + vite 튜토리얼 (1)

728x90

amplify에 vite로 번들링한 리액트 앱을 배포하다가 자꾸 에러가 나서 처음부터 천천히 다시 해보기로 했다.

이번엔 yarn으로 만들어보자

yarn create vite amplify-react-vite

이번에는 백엔드 환경 설정하지 않고 바로 배포해보자.

AWS Amplify + React 튜토리얼(1)

1. AWS 계정 만들기 AWS 계정 만드는 방법은 생략. 프로젝트 진행은 루트 계정이 아닌 IAM 계정으로 진행하는 것을 권장한다. 2. Amplify CLI 설치 우선은 amplify cli를 전역적으로 설치해주고, amplfiy 설정

wonillism.tistory.com

이전 포스팅의 5.배포하기와 같은 방식

빌드 설정 단계에서 약간의 수정이 필요하다.

vite로 번들링 된 프로젝트를 빌드하면 build 디렉토리가 생기지 않고 dist 디렉토리가 생긴다.

baseDirectory를 dist로 변경

빌드 설정을 완려하고 저장 및 배포를 누르면 배포가 완료된다.

728x90

Contents

새소식