빌드할때 dist 폴더가 만들어지는데요,

Question

마지막에 빌드를 하려고 하는데요, 저는 vite를 이용해서 했구요, 깃허브에 페이지 올리고 pages까지 오픈을 했습니다.   그리고 나서 npm run build 를 하면 강사님하고 다르게 build 폴더가 아니고 dist폴더가 만들어지는데요, 혹시 그럴경우엔 깃허브에 배포할때 명령어가 혹시 강의내용과 다르게 해야 하는 부분이 있는지요?   npm install gh-pages   package.json 파일에서 소스 추가할때 "deploy": "gh-pages -d build"   위의 파일을 수정한 후 다시 npm run build npm run deploy 여기까지 해도 깃허브 저장소에서 gitpages가 생기기 않습니다...

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다. 현재 Vite를 사용하여 리액트 프로젝트를 진행 중이시군요. Vite로 프로젝트를 빌드할 경우 기본적으로 dist 폴더가 생성됩니다. 이는 React의 create-react-app 과 다르게 build 폴더 대신 dist 폴더를 생성하는 Vite의 특성 때문입니다. 따라서 GitHub Pages에 배포하고자 할 때, gh-pages 명령어에 사용되는 폴더 이름을 다음과 같이 수정하시면 됩니다: package.json 파일에서 &ldquo;deploy&rdquo; 스크립트를 수정하세요: "deploy": "gh-pages -d dist" 이후 npm run build 와 npm run deploy 를 실행하여 배포하면 됩니다. 이미 gh-pages 패키지를 설치하셨기 때문에, 이 수정사항에 맞춰 배포를 진행하신다면 문제가 해결될 것입니다. 추가로, GitHub Pages 설정이 제대로 되어 있는지도 확인해 보세요. GitHub의 repository settings에서 Pages가 올바른 브랜치( gh-pages )와 폴더를 선택하고 있는지 확인할 필요가 있습니다. 관련된 유사한 질문과 답변이 포함된 Inflearn 게시물 을 참고하여 더 많은 정보를 얻어 보세요. npm run deploy 로 배포 시 gh-pages 브랜치가 잘 생성되고 있는지 확인해 보시길 바랍니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.