Angular CLI: 發佈到 GitHub Pages

時間 2019-11-13

標籤 angular cli 發佈 github pages 欄目 AngularJS 简体版

原文原文鏈接

發佈 Angular 應用的簡單方式是使用 GitHub Pages.javascript

點擊這裏能夠查看發佈以後的應用。css

首先須要建立一個 GitHub 帳號，隨後，爲您的項目建立一個倉庫。記下 GitHub 中的用戶名和項目名稱。html

例如，個人 GitHub 帳號是 haoguanjun，我建立的項目名稱是 ng-hello。java

而後，您要作的就是運行 git

ng build --prod --output-path docs --base-href ng-hello

這個 PROJECT_NAME 就是您的項目在 GitHub 中的名稱。這個示例中使用的項目名稱是 ng-hello，將 docs/index.html 複製爲 docs/404.html。github

提交修改並 Push 到倉庫中。app

您應該在項目的主頁 https://github.com/haoguanjun/ng-hello 上，看到一個 docs 的文件夾，其中包含了一個 404.html 頁面。ui

頁面內容以下所示：spa

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Hello</title>
    <base href="ng-hello">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link href="styles.d41d8cd98f00b204e980.bundle.css" rel="stylesheet"/>
  </head>
  <body>
    <app-root></app-root>
    <script type="text/javascript" src="inline.97a5517db35cb02cdd8d.bundle.js"></script>
    <script type="text/javascript" src="polyfills.f20484b2fa4642e0dca8.bundle.js"></script>
    <script type="text/javascript" src="main.352a0febf476a50f1de9.bundle.js"></script>
  </body>
</html>