В данной статье разберём как можно задеплоить Angular приложение на Github Pages на примере нового приложения.
Требуемые шаги:
— Установка Angular CLI, если его у вас ещё нет:
npm install @angular/cli --g
— Создание нового приложения:
ng new test-app
— Создание нового репозитория на Github и добавление кода в репозиторий.
— Установка библиотеки angular-gh-pages:
npm install angular-cli-ghpages --g
— Сбор билда с указанием url:
ng build --prod --base-href "https://{имя_пользователя_github}.github.io/{имя_репозитория}/"
— Деплой:
Для приложений Angular 6+:
ngh --dir dist/test-app
Для приложений ниже версии Angular 6:
ngh
Теперь ваше приложение доступно по url — https://{имя_пользователя_github}.github.io/{имя_репозитория}/