Angular: deploy com GitHub Pages

Para realizar o deploy do seu projeto Angular com GitHub Pages execute os seguintes passos:

1.Instale o angular-cli-ghpages:

npm i -g angular-cli-ghpages

Depois, execute o comando:

ng build --configuration production --base-href="./[your-repo-name]" 
angular-cli-ghpages --dir=dist/[your-project-name]

💡 ./[your-repo-name] - seu repositório no GitHub.

Sendo assim, caso o seu projeto esteja em https://github.com/myname/dio-angular, o valor será --base-href="./dio-angular" .

2.Após, será criado no seu repositório uma segunda branch “gh-pages”, é a partir dessa branch que será feito o deploy.

3.Vá as configurações do seu repositório no GitHub → Pages

• Em Source, mude para “Deploy from a branch”;
• E então selecione a branch criada “gh-pages” e /root

4.Por fim, salve e aguarde o deploy.

• Você pode ver o deploy sendo realizado na aba “Actions”
• Se tudo ocorre bem, todas as tarefas aparecerão em verde, se ocorrer algum erro a tarefa ficará em vermelho.

5.Parabéns, seu projeto está ativo com GitHub Pages! 🎉

• Seu app estará disponível em https://[your-GH-username].github.io/[repo-name]/
• Para mais informações, veja https://github.com/angular-schule/angular-cli-ghpages.