Публикация angular 4 приложения на github pages

30.05.2017

С некоторого времени, angular-cli разучился публиковать сайты на github pages, к счастью, появилась альтернатива, и это angular-cli-ghpages. О том как им пользоваться я и расскажу.

На пк должен быть установлен nodejs и npm, а так-же нужен github аккаунт.

Для начала необходимо установить весь необходимый софт, это angular-cli и angular-cli-ghpages. Сделаем это одной командой

npm install -g @angular/cli angular-cli-ghpages

Затем используя angular-cli необходимо создать наше angular приложение, делается это командой

ng new projectname

После чего заходим в папку с проектом, создаем репозиторий на github. Репозиторий стоит назвать username.github.io, тогда ваше приложение будет доступно по адресу username.github.io.

Теперь можно отправить наш локальный репозиторий на github

git remote add origin git@github.com:username/username.github.io.git
git push -u origin master

Ну и все что осталось это опубликовать наше приложение

ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY/"
ngh

После чего ваше приложение будет собрано и отправлено в ветку gh-pages, и вы сможете посмотреть результат по адресу username.github.io

читайте больше на blog.worldxaker.xyz