В данной инструкции мы разберём, как можно задеплоить 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. Деплой lля приложений ниже версии Angular 6:

	
ngh
	

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