github pages 部署react靜態(tài)頁面

一 : create-react-app 創(chuàng)建項(xiàng)目

二 :github新建倉庫后,把自己的項(xiàng)目推送到倉庫

三 :安裝?gh-pages 依賴

? ? ? ?在本地代碼?package.json文件中配置

? ? ? ?"name": "my-app",

? ? ? ?"version": "0.1.0",

? ? ? "homepage": "http://###.github.io/react-app",

? ? ? ?### 為github賬戶名稱? react-app 為 倉庫名

? ? ? 并在?scripts 中配置

? ? ? "predeploy": "yarn run build",?

? ? ? "deploy": "gh-pages -d build",

四 :在終端master分支 執(zhí)行?yarn run build 進(jìn)行 編譯

? ? ? 然后??yarn run deploy 進(jìn)行推送?

?隨即訪問http://###.github.io/react-app 大功告成

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • This project was bootstrapped with Create React App. Belo...
    unspecx閱讀 5,311評(píng)論 0 2
  • 相信各位github資深玩家們都有自己基于 github pages 搭建的個(gè)人站點(diǎn)。官方推薦的靜態(tài)站點(diǎn)生成器是 ...
    彭逸之閱讀 4,222評(píng)論 2 14
  • 考研到底是事業(yè)發(fā)展的追求還是人生發(fā)展的追求? 嬰兒看到小狗笑了; 幼兒看到嬰兒笑了; 少年看到幼兒笑了; 青年看到...
    金金心閱讀 291評(píng)論 0 0
  • 成長(zhǎng)是一個(gè)不斷試錯(cuò)的過程 我們?cè)诓粩嗟剡x擇原諒和被原諒 當(dāng)犯了錯(cuò)不被原諒的那一次 就是我們腳踏實(shí)地長(zhǎng)大的那一次
    BETTER_wm閱讀 361評(píng)論 0 4
  • 今天下午把自己的電動(dòng)車賣了。 又要離開一個(gè)城市,這仿佛是一件很熟悉的事情。當(dāng)時(shí)我并沒有太多感觸,和陌生人討價(jià)還價(jià),...
    瑟芬國主閱讀 215評(píng)論 0 1

友情鏈接更多精彩內(nèi)容