[오픈소스] svelte sapper 빌드하고 서버에 올리기
급하게 svelte 임시 프로젝트를 진행해서 시현날짜가 당돌했는데, 이런,
svelte는 어떻게 서버에 올리지?
아무리 찾아봐도 상식적으로 생각할 수 있는 파일 렌더링하고 올리는 파일을 발견할 수 없었다.
밤세 작업한 것을 서버에서 못보여준다고?
급 당황.. 남은 시간을 30분...
그래서 지가 아무리 어려워도 웹이고 자바스크립트다라는 생각으로 실행되는 부분만
개발자 컴의 브라우저 웹페이지 코드를 복사해서 급조해서 구동은 되게 하여 시연을 할수 있게 하였다.
지금 이렇게 svelte sapper 빌드하고 올리는 방법을 공부해서 다음에는 실수 하지 않으리란 마음으로 정리한다.
우선 npm run dev 나 npm run build 로는 서버 실행 초기화 파일인 index.html 이 생성되지 않고, templete.html 파일만 생성된다.
브라우저의 디버깅 툴을 이용해서 끌어와야하는 파일들의 경로를 보아도 경로에 해당 파일들이 없다. 뭐지....??
온갖 단어를 상상해 본다. ..
svelte 배포, svelte ftp , svelte up loade ...
그래서 찾긴했는데,
package.json 을 보면
"scripts": {
},
export 부분이 나오는데, 이게 서버에 올리기 위해 필요한 파일로 변경해주는 설정이었다.
npm run export
이렇게 해수면
./__sapper__/export
폴더에 파일이 생성되는데 이부분을 통째로 서버에 올리면된다.
그런데 문제가 또 발생하였다. ..
sapper 를 이용하면, 웹 첫 폴더 경로로 모두 설정되어 있어서
특정 폴더에 업로드하면 경로 문제가 발생된다.
그리고 웹루투 경로에 올리는데, url 이 변경되면 그 페이지를 못 불러 온다. 일반폴더로 인식하는듯하다.
아무튼 2가지 문제가 더 남아서 다시 검색 및 테스트에 들어간다.
올 추석 쉬기는 글렀다.