WONISM.GITHUB.IO

본 repository 는 https://github.com/rafrex/spa-github-pages 를 참고하여 수정한 repository 입니다.

페이지로 이동하기 https://wonism.github.io

Github Pages 에서 SPA 앱 사용하기

세팅

# 디렉토리 생성
$ mkdir USERNAME.github.io && cd USERNAME.github.io

# 깃 클로닝
$ git clone https://github.com/rafrex/spa-github-pages .
# 혹은
$ git clone https://github.com/wonism/wonism.github.io-react .

# 패키지 설치
$ yarn
# 또는
$ npm i

# 커밋
$ rm -rf .git
$ git init .
$ git commit -am 'add SPA for github pages'
# 이하 생략 ...

개발서버 열기

$ npm run dev

React 애플리케이션 빌드하기

$ npm run bundle

• 참고 : Long term caching 을 해결하기 위해 번들링할 때, hash 를 붙이고 있습니다. 번들링하기 전에 npm run clean 으로 이전 버전의 js 파일을 삭제해주세요.

정적자원 관리하기

# 배포용
$ NODE_ENV=production gulp

# 개발용
$ NODE_ENV=development gulp

정적 파일, `index.html` 의 `meta 태그` 등은 본인의 취향대로 수정하여 사용하시면 됩니다.