DEV Community

Cover image for github action para deploy de app vuejs 3
Horacio Degiorgi
Horacio Degiorgi

Posted on

github action para deploy de app vuejs 3

El push en un repositorio github de una aplicación vuejs puede perfectamente disparar una acciòn que produzca un build y deje el directorio listo para descargar y "deployar" en otro servidor.

Esta aplicación simple de buscador utilizando una api de #vufind es "compilada" por github en forma automática cuando se hace un push en la rama main.

Con la siguiente "action" de github se realiza un build en base a una maquina virtual ubuntu y se utilizan tres actions más:

Todo esto en forma automática y con un log qque permite ver los posibles errores.

name: DEPLOY TO cdi on: push: branches: - main jobs: build: runs-on: ubuntu-latest strategy: matrix: node: [ 18 ] name: Node ${{ matrix.node }} sample steps: - uses: actions/checkout@v3 - name: Setup node uses: actions/setup-node@v3 with: node-version: ${{ matrix.node }} - run: npm i @vue/cli-service - run: npm run build - uses: actions/upload-artifact@v3 with: name: my-dist path: cdi # or path/to/artifact  
Enter fullscreen mode Exit fullscreen mode

Github repo

Image description

Top comments (0)