github pages에 배포를 해보자...!
일단 build를 한 후
$ npm run build
빌드 결과물이 담긴 public 폴더로 이동
$ cd public
index.html수정
"/"으로 시작되는 경로들을 모두 "./"으로 변경
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Svelte app</title>
<link rel="icon" type="image/png" href="./favicon.png" />
<link rel="stylesheet" href="./global.css" />
<link rel="stylesheet" href="./build/bundle.css" />
<script defer src="./build/bundle.js"></script>
</head>
<body></body>
</html>
public경로에서 git init후 gh-pages라는 브랜치 생성(브랜치명은 자유)
$ git init
$ git branch gh-pages
리포지토리 연동
$ git remote add [별칭] [리포지토리 주소]
그리고 푸시푸시베이비
$ git add .
$ git commit -m "커밋메시지"
$ git push origin gh-pages
이제 github 세팅을 변경합시다
Settings 메뉴로 들어가서
GitHub Pages설정에서 gh-pages로 브랜치 설정!
Environments에서 확인할 수 있다!
'STUDY > TIL' 카테고리의 다른 글
| JPA (0) | 2021.04.06 |
|---|---|
| Lombok (0) | 2021.03.29 |
| Svelte | 스벨트(Svelte)로 TODO LIST 만들기 (2) (0) | 2021.02.03 |
| Svelte | 스벨트(Svelte)로 TODO LIST 만들기 (1) (0) | 2021.02.03 |
| Svelte | Svelte프로젝트 시작해보기 (0) | 2021.02.02 |
