Меню ×
Инструкция по деплою 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/{имя_репозитория}/


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

Обновление шаблона при динамическом роутинге и отписка от наблюдения

Вы наверное уже знаете при подписке на обозреваемую последовательность либо просто событие в Javascript вы обычно должны в определенный момент отписываться, чтобы освободить память. Иначе это приведет к утечке памяти.

Использование интерфейсов CanActivate и CanActivateChild для принятия решения об активации роутера

наверх