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

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

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

	
ngh
	

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


Похожие материалы

Stream и работа с Observable в Angular. Пример отписки в ngOnDestroy()

Что такое структурные директивы. Встроенные и собственные структурные директивы.

Компоненты ключевая особенность Angular. Приложение строится из компонентов.

наверх