Como colocar um projeto Angular no GitHub Pages
- #GitHub
- #Angular
Siga as instruções a baixo. qualquer dúvida é só comentar.
- Em seu projeto local, use o atalho "ctrl + p" e digite angular.json.
- Abra o arquivo e procure a linha que tem "outputPath": (no meu está na linha 16)
- substitua o conteúdo dela para "docs". Exemplo:
transforme disso
"outputPath": "dist/angular-blog",
para isso:
"outputPath": "docs",
- No seu terminal digite:
$npm run build
esse comando irá criar uma pasta "docs".
- Agora precisamos subir as alterações com os seguintes comandos no terminal:
$git add .
$git commit -m "colocando o projeto no GitPages"
$git push
Últimos passos.
- entre no seu projeto no GitHub.
- entre em configurações
- vá em pages
- vá em select folder > docs
Esse tutorial foi baseado neste video:
https://www.youtube.com/watch?v=42uxw1Hjo2s
se o seu projeto der erro 404, consulte o seguinte forum: https://stackoverflow.com/questions/34010970/running-angular2-in-subdirectory
o código para buildar será esse:
$ng build --base-href /nome-do-seu-projeto/
#CommunityWeek
