Create-React-App 없이 webpack으로 react를 구성한 프로젝트를 위한 github page 연동이다.
github page를 사용하여 무료로 서버를 사용할 수 있다.
1. npm i gh-pages
npm i command로 gh-pages 패키지를 추가한다.
2. package.json 추가
주소는 repository - Settings - Pages에 있다.
package.json에 homepage와 predeploy, deploy를 추가한다.
"homepage": "주소",
"scripts": { "start": "webpack serve", "build": "webpack --mode production",
"predeploy": "npm run build", "deploy": "gh-pages -d dist" },
3. npm run deploy
명령어로 dist폴더를 생성 후, 그 안에 있는 폴더를 해당 주소로 연동해준다.
github에 dist폴더가 올라간 후부터 github.io page에 연동되기 까지 delay가 있다.