티스토리 뷰

Tip and Error/Github

web cloud에 올리기(GitHub)

geonwoopaeng@gmail.com 2021. 7. 17. 19:56

- github에서 웹을 만들어서 미리미리 확인을 하는 것이 빠르고 간단해서 좋은 것 같습니다. 그러나 큰 프로젝트 같은 경우는 별로 좋지 않은 것 같습니다. 

1. gh-pages 설치

 

$ npm i gh-pages

gh-pages: 나의 웹사이트를 github의 github page 도메인에 나타나게 도와준다.

 

 

2. package.JSON 에서 hompage 추가

 

$ npm run build //내가 만든 것을 최소화해 준다. => build 파일 만들어 준다.

 

> package.JSON

 

"scripts":{
    ...
    //build 폴더 업로드 한다.
    "deploy": "gh-pages -d build"

    //deploy 호출 전에 predeploy를 먼저 호출한다.
    "predeploy": "npm run build"
},
...
//https://{my github username}.github.id/{the name of my project in github}/
"hompage": "https://GeonWooPaeng.github.io/movie_service/"

캡처

 

> 실행

$ npm run deploy

 

반응형
공지사항
최근에 올라온 글