2017-04-26 79 views
5

我無法理解有關發佈到github頁面的一些基本說明。有一種新的方式來發布Angular Cli製作的Angular項目;我對新的命令下,從this page方向,angular-cli-ghpages如何發佈到github頁面?

Execute angular-cli-ghpages in order to deploy the project with a build from dist folder. 
Note: you have to create the dist folder in before (e.g. ng build --prod) 

Usage: 

ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY/" 
angular-cli-ghpages [OPTIONS] 

我創建了一個文件夾DIST我的項目,然後運行NG構建代碼。終端顯示所有的塊已經渲染,但我找不到github頁面的鏈接。我在github上查看我的存儲庫,就好像沒有發生任何事情。這是因爲我需要cd到一個特定的文件夾執行angular-cli-ghpages?這裏是我的repo,我非常感謝任何幫助。

回答

4

我能成功使用命令推到GitHub的頁面

angular-cli-ghpages --repo=https://github.com/parthghiya/testrepo.git --name=parthghiya [email protected] --no-silent 

回購鏈接:https://github.com/parthghiya/testrepo

我做ng build --prod --base href .

步驟我所做的:

  1. 生成我的SSH &添加它。

https://help.github.com/articles/connecting-to-github-with-ssh/

  • 執行push命令。
  • enter image description here

    編輯:

    添加多個文件夾

    創建平行於資產的文件夾,我創建了2個文件夾PARTH & Ghiya。然後在角cli.json

    "assets": [ 
         "assets","parth","ghiya", 
         "favicon.ico", 
         "manifest.json" 
         ], 
    

    所以dist文件夾現在包含3個文件夾現在資產,PARTH & ghiya添加以下條目。 然後像以前一樣執行上面的push命令。

    +0

    I發佈到github頁面,但只有index.html文件出現:https://github.com/st4rgut25/biopage。你如何能夠通過angular-cli-ghpages命令將文件夾和子文件夾推入回購站?謝謝,我感謝你的幫助。 – st4rgut

    +0

    @ st4rgut:歡迎您:),請檢查編輯並讓我知道它是否有幫助。 –

    +0

    謝謝,但我仍然無法在修改angular-cli.json之後推送子目錄。我試圖將文件'src'添加到資產。請參閱我的編輯 – st4rgut

    2

    刪除了通過角度cli部署到github的選項。

    See this change

    +1

    我相信你指的是'github-pages:deploy'命令?從我的理解中,'angular-cli-ghpages'已經取代了舊的命令,這已不再適用於我的道歉 – st4rgut

    +0

    ....你是對的,我指的是內置於CLI中的舊命令,此後已被刪除 – snorkpete