mfrascati / i-classe-80

deploy progetto vue su github pages

1. in vite.config.js aggiungere base: '/<nome-repo>/'
2. crea la build del progetto vue npm run build
3. spostati in dist (con build di produzione appena creata) cd dist
4. inizializza una nuova repo git init
5. metti tutti i file in stagin tutti i file git add .
6. fai un commit git commit -m "New Deploy"
7. fai un push della build di produzione nel branch gh-pages git push -f https://github.com/<username-github>/<nome-repo>.git master:gh-pages
8. torna indietro cd ..
9. OPZIONALE: eliminare la cartella dist rm -rf dist

automatizziamo

1. creiamo file deploy.sh

2. inseriamo i comandi visti qui sopra per fare un deploy

   #!/usr/bin/env sh
   
   set -e
   
   npm run build
   
   cd dist
   
   git init
   
   git add .
   
   git commit -m "New Deploy"
   
   git push -f https://github.com/<username-github>/<nome-repo>.git master:gh-pages
   
   cd ..
   
   #opzionale
   rm -rf dist
   

3. diamo i permessi di esecuzione al file chmod +x deploy.sh

4. aggiungiamo un nuovo script al package.json "deploy": "sh deploy.sh"

5. a questo punto, lanciando npm run deploy verrà fatto il deploy in automatico su github pg