Come fare il deploy di un progetto Vue.js CLI

Normalmente effettuare il deploy di un progetto HTML5 è un’operazione semplicissima: basta caricare il file index.html con il resto dei file sul nostro hosting ed è fatta.
Lo stesso procedimento vale con le applicazioni Vue.js create partendo da zero, includendo il Vue semplicemente con il tag <script src=”vue..”></script>.
Con deploy infatti si intende il mettere in produzione il software. In parole povere pubblicarlo.

Ma come fare il deploy di un progetto Vue.js CLI?

Anche in questo caso il deploy è veramente semplicissimo
Mettiamo di avere una situazione del genere:
Abbiamo creato la nostra app utilizzando il seguente comando: vue init webpack-simple mio_progetto
Ora lanciando il server con il comando npm run dev funziona tutto alla perfezione, la nostra app è praticamente finita!
Come fare per caricarla online? Semplicissimo.
Rechiamoci nella cartella del nostro progetto, da terminale: cd percorso/progetto/
Lanciamo il comando: npm run build
Quest’ultimo comando non fa altro che modificare il file index.html e creare i file del nostro progetto per il deploy nella cartella /dist/
Infatti ora non dovremmo fare altro che eseguire l’upload sul nostro hosting del file index.html e della cartella dist.
Finito!
Ovviamente potete benissimo continuare lo sviluppo del vostro sito con il solito comando npm run dev, in questo modo troverete tutto esattamente come lo avete lasciato.