如何將自己的react項(xiàng)目部署到gitpages上

1.首先。使用git init 民珍;git add . ; git commit -m"版本" git remote add origin {url} git push -u origin master 先將本地的文件push上遠(yuǎn)端倉(cāng)庫(kù)上去。
2.修改厨幻。修改react文件的package.json文件悲敷。具體需要添加以下三條。
image.png

devDependencies如果沒(méi)有的話可以添加一下崩侠。用紅框的部分是必須的。homepage:表示你訪問(wèn)的頁(yè)面屁柏。
predeploy:是將你的項(xiàng)目預(yù)編譯成靜態(tài)文件放在build文件夾deploy:是使用gh-pages 部署你的build文件夾下的內(nèi)容啦膜。

注意修改之后注意也push上去。

3.在本地react文件夾下 使用npm run build 將react進(jìn)行編譯淌喻。(貌似可以沒(méi)有這一步)

再使用 npm install gh-pages --save-dev 安裝gh-pages工具僧家。
最后輸入 npm run deploy 部署。


image.png

部署時(shí)候具體執(zhí)行的操作大概為按照package.json里面你加的三行中的兩行
1.先build你的react文件
2.使用gh-pages工具部署你的build到新的gh-pages分支上裸删。然后發(fā)布到頁(yè)面上八拱。

然后等待半分鐘,即可以看到自己的react頁(yè)面了涯塔。而且會(huì)發(fā)現(xiàn)多了個(gè)gh-pages分支肌稻,里面是build的靜態(tài)內(nèi)容。

友情鏈接:https://github.com/tschaub/gh-pages

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末匕荸,一起剝皮案震驚了整個(gè)濱河市爹谭,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌榛搔,老刑警劉巖诺凡,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異践惑,居然都是意外死亡腹泌,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門尔觉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)凉袱,“玉大人,你說(shuō)我怎么就攤上這事侦铜∽ㄋΓ” “怎么了?”我有些...
    開封第一講書人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵钉稍,是天一觀的道長(zhǎng)配深。 經(jīng)常有香客問(wèn)我,道長(zhǎng)嫁盲,這世上最難降的妖魔是什么篓叶? 我笑而不...
    開封第一講書人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮羞秤,結(jié)果婚禮上缸托,老公的妹妹穿的比我還像新娘。我一直安慰自己瘾蛋,他們只是感情好俐镐,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著哺哼,像睡著了一般佩抹。 火紅的嫁衣襯著肌膚如雪叼风。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,708評(píng)論 1 305
  • 那天棍苹,我揣著相機(jī)與錄音无宿,去河邊找鬼。 笑死枢里,一個(gè)胖子當(dāng)著我的面吹牛孽鸡,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播栏豺,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼彬碱,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了奥洼?” 一聲冷哼從身側(cè)響起巷疼,我...
    開封第一講書人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎灵奖,沒(méi)想到半個(gè)月后皮迟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡桑寨,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年伏尼,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片尉尾。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡爆阶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出沙咏,到底是詐尸還是另有隱情辨图,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布肢藐,位于F島的核電站故河,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏吆豹。R本人自食惡果不足惜鱼的,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望痘煤。 院中可真熱鬧凑阶,春花似錦、人聲如沸衷快。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至师郑,卻和暖如春环葵,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背宝冕。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工张遭, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人猬仁。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像先誉,于是被迫代替她去往敵國(guó)和親湿刽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • This project was bootstrapped with Create React App. Belo...
    unspecx閱讀 5,179評(píng)論 0 2
  • 用到的組件 1褐耳、通過(guò)CocoaPods安裝 2诈闺、第三方類庫(kù)安裝 3、第三方服務(wù) 友盟社會(huì)化分享組件 友盟用戶反饋 ...
    SunnyLeong閱讀 14,621評(píng)論 1 180
  • 今天是菠蘿小姐铃芦。
    冰島你好閱讀 130評(píng)論 0 0
  • 如果牛股都是連續(xù)漲停的這個(gè)結(jié)論成立的話雅镊,那么就可以根據(jù)這句話建立股市理論,首先這句話是自同構(gòu)性結(jié)構(gòu)刃滓,所有的牛股票都...
    胡慶竹閱讀 239評(píng)論 0 0
  • 文/史逍遙 11.火燒洛陽(yáng) 呂布撤回虎牢關(guān)仁烹,選擇閉關(guān)不出。 眾諸侯松了一口氣咧虎,慶幸這個(gè)世界還有人能夠打敗呂布卓缰。 但...
    史逍遙閱讀 2,106評(píng)論 0 1