Инструкция по деплою Angular приложения на Github Pages

В данной инструкции мы разберём, как можно задеплоить Angular приложение на Github Pages на примере нового приложения.

Деплой Angular приложения, шаг за шагом

1. Установка Angular CLI, если его у вас ещё нет:

  
npm install @angular/cli --g
  

2. Создание нового приложения:

 
ng new test-app
 

3. Создание нового репозитория на Github и добавление кода в репозиторий.

4. Установка библиотеки angular-gh-pages:

  
npm install angular-cli-ghpages --g
 

5. Сбор билда с указанием url:

 
ng build --prod --base-href "https://{имя_пользователя_github}.github.io/{имя_репозитория}/"    
  

6. Деплой для приложений Angular 6+:

 
ngh --dir dist/test-app
 

6.1. Деплой для приложений ниже версии Angular 6:

  
ngh
 

Теперь Ваше приложение доступно по url: https://{имя_пользователя_github}.github.io/{имя_репозитория}/