Развертывание приложения Angular на GitHub Pages

Создайте новый репозиторий с именем :

Repo Name : USERNAME.github.io

// example
Repo Name : manthanank.github.io
Войти в полноэкранный режим Выйти из полноэкранного режима

Клонирование репозитория в редактор кода

git clone https://github.com/<username>/<username>.github.io.git

// example
git clone https://github.com/manthanank/manthanank.github.io.git
Войти в полноэкранный режим Выйти из полноэкранного режима

Перейдите к проекту с помощью cd

cd project-name/

// example
cd manthanank.github.io
Войти в полноэкранный режим Выйдите из полноэкранного режима

Убедитесь, что angular установлен, если нет

npm i -g @angular/cli
Войдите в полноэкранный режим Выйдите из полноэкранного режима

Создайте приложение angular с помощью команды cli

ng new project-name --directory ./

// example
ng new angular-app --directory ./
Войдите в полноэкранный режим Выйти из полноэкранного режима

Перейти к коду

code .
Войти в полноэкранный режим Выйти из полноэкранного режима

Далее перейдите в angular.json и внесите изменения в файл

"outputpath": "dist/angular-app" => "outputpath": "any-name"

// example
"outputpath": "docs"
Войти в полноэкранный режим Выйти из полноэкранного режима

Собрать проект

npm run build
Войти в полноэкранный режим Выйти из полноэкранного режима

Внесите изменения в GitHub :

git add .
git commit -m "Initial commit"
git push
Войти в полноэкранный режим Выйти из полноэкранного режима

Перейдите в репозиторий в браузере и обновите его, изменения отразятся в репозитории

Далее щелкните на Repository Setting ⇒ Pages ⇒ In Source change folder и сохраните.

/root => /docs
Войти в полноэкранный режим Выйдите из полноэкранного режима

Через несколько секунд ваш сайт будет запущен:

Your site is pubished at https://username.github.io

// example
[https://manthanank.github.io](https://manthanank.github.io)
Войти в полноэкранный режим Выйти из полноэкранного режима

Ссылка :

https://github.com/angular-schule/angular-cli-ghpages

Оцените статью
devanswers.ru
Добавить комментарий