Github.io에 react 빌드결과 publish 하기

2021. 4. 16. 09:05PROJECT/Dkbk's website

1. Github.io 소스를 관리할 git 레포지토리를 생성해줍니다 :)

2. git clone 해주시고

3. npx create-react-app --template typescript 로 껍데기 react 프로젝트를 생성해줍니다

4. npm install --save gh-pages

5. package.json 에  homepage 주소와  predeploy, deploy 명령어 추가하기 :)

{
  "homepage": "https://ga0hyeon.github.io",
  ...
  "scripts": {
	...
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  },
  ...
}

 

끝. npm run deploy 하면 잠시 뒤에 명시한 주소로 호스팅이 된다 :) - 바로는 안되는 듯! 안뜨면 1-2분만 기다려보자 ㅎㅎ