меню

В данной инструкции мы разберём, как можно задеплоить 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/{имя_репозитория}/


Возможно, вам будет интересно

Binding свойств директив

Привязка входных и вторичных свойств директивы атрибута в Angular

Route Resolving

Разрешение динамических данных перед активацией роута и интерфейс Resolve в Angular

Angular Routing в Angular 17

Angular Routing представляет собой важную функцию, которая дает возможность разработчикам создавать динамичные и гибкие SPA веб-приложения. Позволяя пользователям без проблем переходить между компонентами, она обеспечивает плавное взаимодействие. В данной статье мы рассмотрим основные принципы маршрутизации в Angular и методы эффективного использования её возможностей.

Улучшение читаемости кода в проектах Angular: мастерство работы с Enum и лучшие практики

Enum в TypeScript помогает упростить работу с определенными ограниченными наборами значений, делая код более удобным и понятным.

Оформление заявки

Документы на создание сайта

Изучите наше коммерческое предложение, заполните БРИФ и отправьте его на почту maxidebox@list.ru. Изучив все пожелания из БРИФ-а, обратным ответом оповестим Вас по стоимости разработке, ответим на вопросы.

КП на создание сайта Коммерческое предложение на созданеи сайта

Мы берем на себя ответственность за все стадии работы и полностью избавляем клиентов от забот и необходимости вникать в тонкости.

Скачать БРИФ (акета) на создание сайта Скачать БРИФ (акета) на создание сайта

Зополните у БРИФ-а все необходимые поля. Сделайте краткое описание к каждому из пунктов анкеты, привидите примеры в соответсвующий пунктах - это позволит лучше понять Ваши ожидания и требования к сайту