Last active
September 7, 2022 18:53
-
-
Save raulmar0/0e774e41287d45992c66cbd5c3a1b783 to your computer and use it in GitHub Desktop.
Deploy to gh pages with vite
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Sample workflow for building and deploying to GitHub Pages with Vite | |
name: Deploy Vite project to Pages | |
on: | |
# Runs on pushes targeting the default branch | |
push: | |
branches: ["main"] | |
# Allows you to run this workflow manually from the Actions tab | |
workflow_dispatch: | |
# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages | |
permissions: | |
contents: read | |
pages: write | |
id-token: write | |
# Allow one concurrent deployment | |
concurrency: | |
group: "pages" | |
cancel-in-progress: true | |
jobs: | |
# Build job | |
build: | |
runs-on: ubuntu-latest | |
steps: | |
- name: Checkout | |
uses: actions/checkout@v3 | |
- name: Detect package manager | |
id: detect-package-manager | |
run: | | |
if [ -f "${{ github.workspace }}/yarn.lock" ]; then | |
echo "::set-output name=manager::yarn" | |
echo "::set-output name=command::install" | |
echo "::set-output name=runner::yarn" | |
exit 0 | |
elif [ -f "${{ github.workspace }}/package.json" ]; then | |
echo "::set-output name=manager::npm" | |
echo "::set-output name=command::ci" | |
echo "::set-output name=runner::npx --no-install" | |
exit 0 | |
else | |
echo "Unable to determine packager manager" | |
exit 1 | |
fi | |
- name: Setup Node | |
uses: actions/setup-node@v3 | |
with: | |
node-version: "16" | |
cache: ${{ steps.detect-package-manager.outputs.manager }} | |
- name: Setup Pages | |
uses: actions/configure-pages@v2 | |
- name: Install dependencies | |
run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }} | |
- name: Static HTML export with Vite | |
run: ${{ steps.detect-package-manager.outputs.runner }} vite build | |
- name: Upload artifact | |
uses: actions/upload-pages-artifact@v1 | |
with: | |
path: ./dist | |
# Deployment job | |
deploy: | |
environment: | |
name: github-pages | |
url: ${{ steps.deployment.outputs.page_url }} | |
runs-on: ubuntu-latest | |
needs: build | |
steps: | |
- name: Deploy to GitHub Pages | |
id: deployment | |
uses: actions/deploy-pages@v1 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment