GitHub 페이지를 React로 만들기 (기본)
2406 단어 Reactgithub-pages
1. 프로젝트 만들기 - Create React App
1-1. Create React App 설치
공식 : create-react-app
1-1-1. 설치 및 시작 확인
bash
# カレントディレクトリ : ~/.
npm i -g create-react-app
create-react-app publish-react-project-basic
cd publish-react-project-basic
npm start
→ http://localhost:3000을 열면
publish-react-project-basic
의 내용이 표시됩니다.+ npm의 시작 방법
2. GitHub에 배포
2-1. 사전 준비
bash
# カレントディレクトリ : ~/publish-react-project-basic
npm i gh-pages --save-dev
json
# ファイルパス : ~/package.json
{
"name": "publish-react-project-basic",
"version": "0.1.0",
+ "homepage": "https://[username].github.io/[your-repository-name]",
"scripts": {
+ "deploy": "npm run build && gh-pages -d build"
2-2. 배포
bash
# カレントディレクトリ : ~/publish-react-project-basic
npm run deploy
3. 공개 완료
견본 : 코헤이 신가이 hq. 기주 b. 이오 / c Rete-re-ct-p
Reference
이 문제에 관하여(GitHub 페이지를 React로 만들기 (기본)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/KoheiShingaiHQ/items/b4bf8dd47a99e5d14caf텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)